HEX, RGB और HSL: एक रंग के तीन वर्णन

एक संपादक HEX मांग सकता है जबकि दूसरी फ़ाइल RGB या HSL दिखाए। रूपांतरण वही रंग दूसरे रूप में ले जाता है, रंग स्वतः बेहतर नहीं करता और स्क्रीन-प्रिंट मिलान की गारंटी नहीं देता।

HEX, RGB का संक्षिप्त रूप है

6 अंक वाले HEX में हर जोड़ी लाल, हरा या नीला 0 से 255 तक बताती है। 3 अंक वाला रूप हर अंक दोहराता है, बीच में शून्य नहीं डालता।

यह कन्वर्टर अपारदर्शी sRGB और 3 या 6 अंक HEX स्वीकार करता है। CSS में 8 अंक से अल्फा जोड़ा जा सकता है, लेकिन यह पारदर्शिता अभी उपकरण के दायरे में नहीं है।

संदर्भ: W3C CSS Color 4 — Hexadecimal RGB and HSL

HSL रंग सोचने का तरीका बदलता है

रंगत, संतृप्ति और हल्कापन अधिक हल्का या कम संतृप्त रंग सोचने में मदद करते हैं, बजाय दिशा के बिना 3 RGB चैनल बदलने के।

HSL का हल्कापन आंख को दिखने वाली चमक का एकसमान माप नहीं है। अलग रंगतों के बराबर प्रतिशत बराबर दिखने वाली चमक या पाठ की उपयुक्तता साबित नहीं करते।

संदर्भ: W3C CSS Color 4 — Hexadecimal RGB and HSL

रूपांतरण हर डिजाइन निर्णय नहीं जांचता

पढ़ना जरूरी हो तो पाठ का रंग उसके असली बैकग्राउंड पर जांचें। सही कोड या सुंदर नमूना पर्याप्त कंट्रास्ट साबित नहीं करता।

प्रिंट या दूसरे रंग-स्थान पर जाते समय मूल संदर्भ रखें। यह स्क्रीन कैलिब्रेशन या CMYK रूपांतरण नहीं; HSL से 8 बिट RGB लौटने में छोटा राउंडिंग अंतर हो सकता है।

उदाहरण: रंग बदले बिना छोटा कोड फैलाएं

#369 से #336699 बनता है। 33, 66 और 99 की जोड़ियां RGB में 51, 102 और 153 हैं, 3, 6 और 9 नहीं। वही रंग HSL में 210 डिग्री, 50% संतृप्ति और 40% हल्कापन है।

ये 3 वर्णन हैं, अलग 3 शेड नहीं। हल्कापन 60% करने से दूसरा रंग चुना जाता है; अल्फा जोड़ना अलग पारदर्शिता निर्णय है जो मूल अपारदर्शी रंग में नहीं था।

संदर्भ