HSL को Hex रंग कन्वर्टर ऑनलाइन
`hsl()` / `hsla()` या कॉमा-पृथक ह्यू-सैचुरेशन-लाइटनेस को उन टूल के लिए hex में बदलें जो केवल `#RRGGBB` स्वीकार करते हैं। पूर्वावलोकन स्वैच शामिल ताकि टाइपो प्रोडक्शन में न जाए।
स्टाइल HSL में रहते हैं लेकिन डिज़ाइन स्पेक hex है — यह पुल मैन्युअल रूपांतरण बचाता है।
पारदर्शी hsla अल्फा मायने रखे तो 8-अंक hex बनता है; लक्ष्य अल्फा hex न पढ़ सके तो अपारदर्शिता अलग विभाजित करें।
कैसे कनवर्ट करें
- HSL/HSLA चिपकाएँ
- स्वैच पुष्टि करें
- hex कॉपी करें
यह कब मदद करता है
- CSS वेरिएबल HSL में, डिलिवरेबल को hex चाहिए।
- थीम टोकन से त्वरित hex स्वैच।
- हैंडऑफ़ से पहले चैनल गलतियाँ पकड़ें।
परिदृश्य
- विक्रेता के लिए Tailwind arbitrary HSL → hex
- hex पर मानकीकृत डॉक्स टेबल
सुझाव
- सैचुरेशन और लाइटनेस आमतौर पर प्रतिशत।
- ह्यू में `deg` या सादे संख्याएँ हो सकती हैं।
- अमान्य सिंटैक्स त्रुटि दिखाता है — मान्य CSS पर ठीक करें।
उदाहरण
| इनपुट | आउटपुट | नोट |
|---|---|---|
| hsl(9 100% 60%) | #FF5733 के पास | आधुनिक स्पेस-पृथक सिंटैक्स |
| hsla(..., 0.5) | 8-अंक hex | अल्फा के साथ |
HSL → Hex FAQ
- `hsl(a b c / d)` सपोर्ट?
- संभव होने पर सामान्य आधुनिक रूप पार्स होते हैं; ज़रूरत हो तो कॉमा सिंटैक्स पर लौटें।
- आयड्रॉपर से थोड़ा अलग?
- Hex राउंडिंग — UI कार्य के लिए आमतौर पर नगण्य।