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