CSS3 में रंगों को परिभाषित करने के लिए RGB, RGBA, HSL और HSLA का उपयोग करें। इसके साथ, आप रंग मान का उपयोग कर सकते हैं और हेक्साडेसिमल मान का उपयोग रंगों को परिभाषित करने के लिए भी किया जा सकता है -

CSS3 आरजीबीए रंग मान लाल, हरा, नीला और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। यहां, हम आरजीबीए में अल्फा पैरामीटर के साथ बनाई गई अस्पष्टता में अंतर देख सकते हैं -

उदाहरण

आइए अब RGBA रंग मानों के लिए एक उदाहरण देखें -

क्रिकेटर्स
डेविड वार्नर
स्टीव स्मिथ
मार्क वॉ
स्टीव वॉ
डेविड जॉनसन
एंडी बिकेल

आउटपुट

CSS3 HSL जब तत्वों के लिए रंग सेट किया जाता है तो ह्यू, संतृप्ति और लपट के लिए होता है। ह्यू वैल्यू 0 से 260 तक है, जिसमें 0 या 360 रेड के लिए, 240 ब्ल्यू के लिए, जबकि 120 ग्रीन के लिए है। संतृप्ति और हल्कापन एक प्रतिशत मान है।

उदाहरण

आइए अब एचएसएल रंग मानों के लिए एक उदाहरण देखें -

क्रिकेटर
डेविड वार्नर
स्टीव स्मिथ
मार्क वॉ
स्टीव वॉ 
डेविड जॉनसन
एंडी बिकेल

आउटपुट

HSLA रंग मान ह्यू, संतृप्ति, लपट और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 0.0 पूरी तरह से पारदर्शी के लिए है, जबकि 1.0 पूर्ण अपारदर्शी के लिए है।

उदाहरण

आइए अब एक उदाहरण देखें -

क्रिकेटर
डेविड वार्नर
स्टीव स्मिथ
मार्क वॉ
स्टीव वॉ
डेविड जॉनसन
एंडी बिकेल
 
आउटपुट
 

 
 
उदाहरण
 

 आइए अब देखें कि हेक्साडेसिमल मान वाले रंग कैसे सेट करें -
 
डेमो हेडिंग
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। 
 
आउटपुट