HEX, RGB और HSL रंग कनवर्टर

sRGB रंग लिखने के तीन तरीके

HEX

CSS और HTML में उपयोग होने वाला संक्षिप्त हेक्साडेसिमल प्रारूप। यह टूल #RGB और #RRGGBB स्वीकार करता है, जैसे #FF5733।

RGB

लाल, हरे और नीले चैनल के मान 0 से 255 तक, उदाहरण rgb(255, 87, 51)।

HSL

Hue 0° से 360°, saturation और lightness 0% से 100% तक। किसी घटक को बदलकर रंग के रूप बनाए जा सकते हैं।

उदाहरण

• शुद्ध लाल: #FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)।
• रॉयल ब्लू: #4169E1 → rgb(65, 105, 225) → लगभग hsl(225, 73%, 57%)।
• हल्का हरा: hsl(120, 80%, 70%) → #75F075 और rgb(117, 240, 117)।

रूपांतरण कैसे होता है

1. HEX से RGB: लाल, हरे और नीले के हेक्साडेसिमल जोड़े अलग करके हर जोड़े को दशमलव मान में बदलें।
2. RGB से HEX: हर दशमलव चैनल को दो हेक्साडेसिमल अंकों में बदलकर # के बाद जोड़ें।
3. RGB और HSL: कनवर्टर मानक चैनल और hue गणनाएँ लागू करता है; दिखाए गए HSL मान पूर्णांक में round होते हैं।

किस प्रारूप का उपयोग कब करें

• HEX छोटा है और CSS, HTML तथा डिज़ाइन टूल में आम है।
• RGB लाल, हरे और नीले चैनल के मान सीधे दिखाता है।
• Hue, saturation या lightness बदलने के लिए HSL सुविधाजनक हो सकता है।

समर्थित मान और सीमाएँ

• अपारदर्शी sRGB रंगों में छोटा या लंबा HEX, comma-separated rgb() और hsl() स्वीकार किए जाते हैं।
• Alpha transparency, RGBA, HSLA, आधुनिक space-separated CSS syntax, रंगों के नाम और wide-gamut रंग स्थान समर्थित नहीं हैं।
• HSL आउटपुट पूरे डिग्री और प्रतिशत में round होता है, इसलिए वापस बदलने पर मूल चैनल मानों की बजाय पास का रंग मिल सकता है।
• रंग और परिणाम इसी ब्राउज़र में रहते हैं; पृष्ठ और कोड वेबसाइट से लोड होते हैं।

अक्सर पूछे जाने वाले प्रश्न