CSS में हेक्साडेसिमल कलर्स (जिन्हें "हेक्स कलर्स" भी कहा जाता है) का उपयोग करना सीखें।
हेक्साडेसिमल नोटेशन (या हेक्स कलर नोटेशन) RGB कलर्स को व्यक्त करने का एक वैकल्पिक तरीका है।
हेक्स कलर नोटेशन तीन ब्लॉक्स में निर्दिष्ट होता है जिनमें प्रत्येक में दो वैल्यूज होती हैं:
- RR
- GG
- BB
एक साथ वे #RRGGBB बन जाते हैं।
ग्रीक में, Hexa का अर्थ संख्या छह (6) है, और जैसा कि आप देख सकते हैं, RRGGBB का कुल योग छह है।
हेक्स कलर्स को RGB से अलग बनाने वाली बात यह है कि हेक्स कलर्स 0 से 255 तक के मानों को केवल 2 अंकों से व्यक्त करते हैं।
उदाहरण के लिए, नीचे 100% सफेद RGB कलर:
rgb(255,255,255);हेक्स कलर्स में इस तरह व्यक्त किया जा सकता है:
#ffffff /* 100% सफेद */आप इसे एक कदम आगे ले जा सकते हैं और दो अंकों को एक में शॉर्टकट कर सकते हैं यदि वे समान हैं (जैसे FF FF FF):
#fff /* 100% सफेद के लिए शॉर्टकट */अल्फा चैनल के साथ हेक्स
जैसे RGB में RGBa और HSL में HSLa होता है, वैसे ही हेक्स में भी एक अल्फा चैनल होता है जिसे एक अतिरिक्त दो-अंकीय ब्लॉक जोड़कर व्यक्त किया जाता है, ताकि हेक्स कलर नोटेशन #RRGGBB #RRGGBBAA बन जाए (A अल्फा के लिए)।
उदाहरण के लिए, निम्नलिखित हेक्स कलर 100% काला है, जिसमें 25% अपारदर्शिता (75) है:
#00000075 /* 25% अपारदर्शिता के साथ काला */परिणाम:
बात दें: आप हेक्स कलर नोटेशन को अपरकेस या लोअरकेस अक्षरों का उपयोग करके लिख सकते हैं। इससे कोई फर्क नहीं पड़ता कि आप #ffffff या #FFFFFF लिखते हैं।
हेक्साडेसिमल नोटेशन के लिए ब्राउज़र सपोर्ट
- #RRGGBB हेक्स कलर नोटेशन सभी ब्राउज़र्स में समर्थित है, लीगेसी ब्राउज़र्स सहित।
- #RRGGBBAA हेक्स कलर नोटेशन सभी आधुनिक ब्राउज़र्स में काम करता है, लेकिन IE11 में नहीं (यदि कोई उसे आधुनिक मानता है)।
