HEX, RGB और HSL एक ही रंग को तीन तरह से बताते हैं
HEX लाल, हरे और नीले को दो-दो षोडश आधारी अंकों में लिखता है। #8B5CF6 का मतलब है R बराबर 139, G बराबर 92 और B बराबर 246 — ठीक वही RGB मान। तीन अंकों वाला संक्षिप्त रूप #F00 हर अंक को दोहरा देता है, इसलिए वह #FF0000 के बराबर है।
HSL रंग को रंगत, संतृप्ति और चमक में बाँटता है। रंगत रंग-चक्र पर एक कोण है, इसलिए 0 और 360 डिग्री एक ही लाल हैं; संतृप्ति धूसर से दूरी है और चमक काले और सफेद के बीच की स्थिति। इसीलिए उसी रंग का हल्का रूप चाहिए तो HSL ज्यादा सुविधाजनक रहता है।
कंट्रास्ट अनुपात दो रंगों की सापेक्ष चमक की तुलना करता है और 1:1 से 21:1 तक जाता है। हर चैनल को गामा सुधार मिलता है, फिर 0.2126, 0.7152 और 0.0722 के भार से जोड़ा जाता है; भाग देने से पहले हल्के और गहरे दोनों मानों में 0.05 जोड़ा जाता है। हरे का भार सबसे बड़ा है क्योंकि मानव दृष्टि उसके प्रति सबसे संवेदनशील है।
रंग चुनते समय क्या छूट जाता है
डिज़ाइनर की स्क्रीन पर अच्छा दिखने वाला मेल अक्सर पढ़ा नहीं जा सकता। वेब सुलभता के दिशानिर्देश सामान्य पाठ के लिए 4.5:1 और 18 पॉइंट से बड़े या मोटे पाठ के लिए 3:1 माँगते हैं। हल्का धूसर अक्षर खाके में सुरुचिपूर्ण लगता है और बार-बार इस सीमा से नीचे रह जाता है।
सिर्फ चमक से कंट्रास्ट आँकना धोखा देता है। सफेद पर पीले में कंट्रास्ट लगभग नहीं है क्योंकि दोनों हल्के हैं, और काले पर नीले में भी नहीं क्योंकि दोनों गहरे हैं। रंग-चक्र पर दूर होना कंट्रास्ट नहीं बनाता; चमक का फर्क बनाता है।
जानकारी सिर्फ़ रंग से देना उन पाठकों को बाहर कर देता है जो रंग नहीं पहचान पाते। बढ़त और गिरावट बताने वाले लाल और हरे के साथ तीर या चिह्न चाहिए, और परंपरा भी अलग-अलग है: अमेरिका और यूरोप के बाज़ार बढ़त हरे में दिखाते हैं, जबकि कोरिया, जापान और चीन लाल में।