CSS कानूनी रंग मान
सीएसएस रंग
CSS में रंगों को निम्नलिखित विधियों द्वारा निर्दिष्ट किया जा सकता है:
- हेक्साडेसिमल रंग
- पारदर्शिता के साथ हेक्साडेसिमल रंग
- आरजीबी रंग
- आरजीबीए रंग
- एचएसएल रंग
- एचएसएलए रंग
- पूर्वनिर्धारित/क्रॉस-ब्राउज़र रंग नाम
currentcolor
कीवर्ड के साथ
हेक्साडेसिमल रंग
एक हेक्साडेसिमल रंग के साथ निर्दिष्ट किया गया है: #RRGGBB, जहां RR (लाल), GG (हरा) और BB (नीला) हेक्साडेसिमल पूर्णांक रंग के घटकों को निर्दिष्ट करते हैं। सभी मान 00 और FF के बीच होने चाहिए।
उदाहरण के लिए, #0000ff मान को नीले रंग के रूप में प्रस्तुत किया जाता है, क्योंकि नीला घटक अपने उच्चतम मान (ff) पर सेट होता है और अन्य 00 पर सेट होते हैं।
उदाहरण
विभिन्न हेक्स रंगों को परिभाषित करें:
#p1 {background-color: #ff0000;} /* red */
#p2 {background-color: #00ff00;} /* green */
#p3 {background-color: #0000ff;} /* blue */
पारदर्शिता के साथ हेक्साडेसिमल रंग
एक हेक्साडेसिमल रंग के साथ निर्दिष्ट किया गया है: #RRGGBB। पारदर्शिता जोड़ने के लिए, 00 और FF के बीच दो अतिरिक्त अंक जोड़ें।
उदाहरण
पारदर्शिता के साथ विभिन्न HEX रंगों को परिभाषित करें:
#p1a {background-color: #ff000080;} /* red transparency */
#p2a {background-color: #00ff0080;} /* green
transparency */
#p3a {background-color: #0000ff80;} /* blue
transparency */
आरजीबी रंग
RGB रंग मान rgb() फ़ंक्शन के साथ निर्दिष्ट किया जाता है , जिसमें निम्नलिखित सिंटैक्स होता है:
rgb(red, green, blue)
प्रत्येक पैरामीटर (लाल, हरा और नीला) रंग की तीव्रता को परिभाषित करता है और 0 और 255 या प्रतिशत मान (0% से 100% तक) के बीच एक पूर्णांक हो सकता है।
उदाहरण के लिए, rgb(0,0,255) मान को नीले रंग के रूप में प्रस्तुत किया जाता है, क्योंकि नीले पैरामीटर को इसके उच्चतम मान (255) पर सेट किया जाता है और अन्य को 0 पर सेट किया जाता है।
साथ ही, निम्न मान समान रंग को परिभाषित करते हैं: rgb(0,0,255) और rgb(0%,0%,100%)।
उदाहरण
विभिन्न आरजीबी रंगों को परिभाषित करें:
#p1 {background-color: rgb(255, 0, 0);} /* red */
#p2 {background-color: rgb(0, 255, 0);} /* green */
#p3 {background-color: rgb(0, 0, 255);} /* blue */
आरजीबीए रंग
आरजीबीए रंग मान अल्फा चैनल के साथ आरजीबी रंग मूल्यों का विस्तार है - जो वस्तु की अस्पष्टता को निर्दिष्ट करता है।
आरजीबीए रंग rgba() फ़ंक्शन के साथ निर्दिष्ट किया जाता है , जिसमें निम्न सिंटैक्स होता है:
rgba(red, green, blue, alpha)
अल्फा पैरामीटर 0.0 (पूरी तरह से पारदर्शी) और 1.0 (पूरी तरह से अपारदर्शी) के बीच की संख्या है।
उदाहरण
अस्पष्टता के साथ विभिन्न आरजीबी रंगों को परिभाषित करें:
#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */
#p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */
#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */
एचएसएल रंग
एचएसएल रंग, संतृप्ति और हल्कापन के लिए खड़ा है - और रंगों के बेलनाकार-समन्वय प्रतिनिधित्व का प्रतिनिधित्व करता है।
एक HSL रंग मान hsl () फ़ंक्शन के साथ निर्दिष्ट किया जाता है , जिसमें निम्नलिखित सिंटैक्स होता है:
hsl(hue, saturation, lightness)
रंग पहिया पर रंग एक डिग्री है (0 से 360 तक) - 0 (या 360) लाल है, 120 हरा है, 240 नीला है। संतृप्ति एक प्रतिशत मान है; 0% का अर्थ है ग्रे की छाया और 100% पूर्ण रंग है। हल्कापन भी एक प्रतिशत है; 0% काला है, 100% सफेद है।
उदाहरण
विभिन्न एचएसएल रंगों को परिभाषित करें:
#p1 {background-color: hsl(120, 100%, 50%);} /* green */
#p2 {background-color: hsl(120, 100%, 75%);} /* light green */
#p3 {background-color: hsl(120, 100%, 25%);} /* dark green */
#p4 {background-color: hsl(120, 60%, 70%);} /* pastel green */
एचएसएलए रंग
HSLA रंग मान एक अल्फा चैनल के साथ HSL रंग मानों का एक विस्तार है - जो वस्तु की अस्पष्टता को निर्दिष्ट करता है।
एक HSLA रंग मान hsla() फ़ंक्शन के साथ निर्दिष्ट किया जाता है , जिसमें निम्नलिखित सिंटैक्स होता है:
hsla(hue, saturation, lightness, alpha)
अल्फा पैरामीटर 0.0 (पूरी तरह से पारदर्शी) और 1.0 (पूरी तरह से अपारदर्शी) के बीच की संख्या है।
उदाहरण
अस्पष्टता के साथ विभिन्न एचएसएल रंगों को परिभाषित करें:
#p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* green with opacity */
#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* light green with opacity */
#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dark green with opacity */
#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* pastel green with opacity */
पूर्वनिर्धारित/क्रॉस-ब्राउज़र रंग नाम
HTML और CSS रंग विनिर्देश में 140 रंग नाम पूर्वनिर्धारित हैं।
उदाहरण के लिए: blue
, red
, coral
, brown
, आदि :
उदाहरण
विभिन्न रंगों के नाम परिभाषित करें:
#p1 {background-color: blue;}
#p2 {background-color: red;}
#p3 {background-color: coral;}
#p4 {background-color: brown;}
सभी पूर्वनिर्धारित नामों की सूची हमारे Color Names Reference में पाई जा सकती है ।
वर्तमान रंग कीवर्ड
कीवर्ड किसी तत्व की currentcolor
रंग संपत्ति के मूल्य को संदर्भित करता है।
उदाहरण
निम्नलिखित <div> तत्व का बॉर्डर रंग नीला होगा, क्योंकि <div> तत्व का टेक्स्ट रंग नीला है:
#myDIV {
color: blue; /* Blue text color */
border: 10px solid currentcolor;
/* Blue border color */
}