रंग के तीन आम रूप
स्क्रीन पर हर रंग लाल, हरे और नीले प्रकाश के मेल से बनता है। वेब में इसे तीन तरह से लिखा जाता है और तीनों एक ही रंग को दर्शाते हैं।
- HEX: # के बाद 6 अंक, जैसे #FF5733। हर दो अंक लाल, हरे और नीले की मात्रा बताते हैं (00 से FF)।
- RGB: तीन संख्याएं 0 से 255 तक, जैसे rgb(255, 87, 51)।
- HSL: रंगत (0 से 360 डिग्री), संतृप्ति और चमक प्रतिशत में, जैसे hsl(11, 100%, 60%)। रंग को हल्का या गहरा करना इसमें सबसे आसान है।
उदाहरण
#FF5733 में FF यानी लाल 255, 57 (hex) यानी हरा 87, और 33 (hex) यानी नीला 51। इसलिए यह rgb(255, 87, 51) बनता है और HSL में लगभग hsl(11, 100%, 60%), एक चमकीला नारंगी-लाल रंग।
काम की बातें
- 3 अंक वाले HEX जैसे #F80 का मतलब #FF8800 होता है।
- बटन का हल्का या गहरा रूप बनाना हो तो HSL में सिर्फ चमक (L) बदलें।
- HSL से लौटते समय गोल करने के कारण HEX में एक अंक का मामूली फर्क आ सकता है।
वेब डिज़ाइन में रंग कोड के उपयोग
वेबसाइट बनाते समय CSS में HEX, RGB और HSL तीनों फ़ॉर्मैट मान्य हैं, इसलिए डिज़ाइनर अक्सर एक फ़ॉर्मैट से दूसरे में बदलते रहते हैं। पारदर्शिता चाहिए तो RGBA या HSLA का उपयोग करें, और रंग की चमक बदलने के लिए HSL सबसे सुविधाजनक रहता है।