Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS में हेक्स कलर्स का उपयोग कैसे करें

जानें कि हेक्साडेसिमल रंगों का उपयोग कैसे करें (सीएसएस में "हेक्स रंग" भी कहा जाता है।

हेक्साडेसिमल नोटेशन (या हेक्स कलर नोटेशन) 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 में नहीं (यदि कोई इसे आधुनिक मानता है) )।

  1. HTML में आंतरिक CSS (स्टाइल शीट) का उपयोग कैसे करें?

    CSS का प्रयोग HTML में विभिन्न तरीकों से किया जा सकता है। उनमें से एक है आंतरिक सीएसएस का उपयोग करना यानी टैग का उपयोग करना। टैग का प्रयोग … टैग में किया जाता है। यह एक पेज के लिए CSS स्टाइल को परिभाषित करता है। उदाहरण आप HTML में आंतरिक CSS का उपयोग करने के लिए निम्न कोड को चलाने का प्रयास कर स

  1. HTML में इनलाइन CSS (स्टाइल शीट) का उपयोग कैसे करें?

    HTML में इनलाइन CSS जोड़ने के लिए, style एट्रिब्यूट का उपयोग करें। शैली विशेषता किसी तत्व के लिए एक इनलाइन शैली निर्दिष्ट करती है। विशेषता का उपयोग सीएसएस गुणों जैसे फ़ॉन्ट-परिवार, फ़ॉन्ट-शैली, पाठ-सजावट, दिशा, आदि के साथ किया जाता है। बस ध्यान रखें, शैली विशेषता का उपयोग विश्व स्तर पर किसी भी शैली

  1. Minecraft कलर्स कोड का उपयोग कैसे करें

    Minecraft उन खेलों में से एक है जहां खिलाड़ियों की रचनात्मकता आपको अचंभित कर सकती है। विशाल समुदाय-संचालित समर्थन के साथ दूसरों के साथ निर्माण और खेलने की स्वतंत्रता इस खेल को उतना ही लोकप्रिय बनाती है जितना कि इसके लॉन्च के समय था। इन विशेषताओं में से एक Minecraft इंद्रधनुष रंग कोड है जो खिलाड़ियों