CSS में एक ही रंग को कम-से-कम तीन अलग-अलग तरीक़ों से लिखा जा सकता है, और हर एक अलग काम के लिए सुविधाजनक होता है — डिज़ाइन से लेकर ट्रांसपेरेंसी एनिमेट करने तक।
HEX: कॉपी-पेस्ट के लिए कॉम्पैक्ट फ़ॉर्मैट
#FF5733 जैसा हेक्स नोटेशन तीन चैनल्स — लाल, हरा, नीला — को दो-दो कैरेक्टर में एन्कोड करता है। यह सबसे कॉम्पैक्ट फ़ॉर्मैट है, डिज़ाइन मॉकअप से कॉपी करने के लिए सुविधाजनक, पर इंसान के लिए लगभग अनरीडेबल: एक नज़र में यह बताना मुश्किल है कि अंकों की स्ट्रिंग कौन-सा शेड दर्शाती है।
RGB: हर चैनल तक सीधी पहुँच
rgb(255, 87, 51) उन्हीं तीन चैनल्स को 0 से 255 तक की डेसिमल संख्याओं के रूप में लिखता है। यह तब सुविधाजनक है जब किसी एक चैनल को प्रोग्रामेटिकली बदलना हो, जैसे JavaScript एनिमेशन में लाल रंग को धीरे-धीरे बढ़ाना।
HSL: सहज तरीक़े से शेड चुनना
HSL किसी रंग को ह्यू (hue, 0–360°), सैचुरेशन और लाइटनेस के ज़रिए बताता है। हाथ से रंग चुनने के लिए यह सबसे सुविधाजनक फ़ॉर्मैट है: उसी ह्यू का गहरा वर्ज़न पाने के लिए, सिर्फ़ लाइटनेस कम करनी होती है, तीनों RGB चैनल्स को शून्य से दोबारा कैलकुलेट करने की ज़रूरत नहीं।
ट्रांसपेरेंसी के लिए अल्फ़ा चैनल
rgba() और hsla() फ़ॉर्मैट एक चौथा पैरामीटर जोड़ते हैं — 0 से 1 तक ओपैसिटी। मॉडर्न CSS HEX में भी अंत में दो एक्स्ट्रा कैरेक्टर के ज़रिए ट्रांसपेरेंसी सेट करने देता है, जैसे #FF573380।
यह क्यों ज़रूरी है
- डिज़ाइन मॉकअप से किसी रंग को ज़रूरी CSS फ़ॉर्मैट में तेज़ी से कन्वर्ट करना।
- HSL के ज़रिए उसी रंग का गहरा या हल्का शेड चुनना।
- किसी रंग का बेस शेड बदले बिना उसमें ट्रांसपेरेंसी जोड़ना।
तिरंगे का केसरिया #FF9933 ही क्यों है
भारत के राष्ट्रीय ध्वज संहिता (Flag Code of India) में झंडे के तीनों रंग — केसरिया, सफ़ेद और हरा — के लिए ठीक-ठीक शेड तय हैं, और भारतीय मानक ब्यूरो (BIS) इन्हें HEX नहीं बल्कि पारंपरिक रंग-नामों और सटीक शेड रेफ़रेंस से परिभाषित करता है, जिन्हें डिज़ाइनर अब आमतौर पर #FF9933 (केसरिया), #FFFFFF (सफ़ेद) और #138808 (हरा) के रूप में इस्तेमाल करते हैं। दिलचस्प बात यह है कि आधिकारिक विवरण में रंग का नाम "भगवा" या "केसरिया" जैसे पारंपरिक शब्दों में दिया गया है, न कि किसी न्यूमेरिक कोड में — जो दिखाता है कि डिज़िटल कलर सिस्टम से पहले भी भारत में रंगों को नाम से पहचानने और मानकीकृत करने की एक पुरानी परंपरा रही है। इस टूल में केसरिया को RGB या HSL में बदलकर देखें तो साफ़ पता चलता है कि यह असल में शुद्ध नारंगी (#FFA500) से थोड़ा अलग, ज़्यादा लाल झुकाव वाला शेड है।