सीएसएस एचएसएल रंग
HSL का मतलब रंग, संतृप्ति और हल्कापन है।
एचएसएल मूल्य
CSS में, रंग को ह्यू, सैचुरेशन और लाइटनेस (HSL) के रूप में निर्दिष्ट किया जा सकता है:
एचएसएल ( रंग , संतृप्ति , हल्कापन )
रंग पहिया पर रंग 0 से 360 तक की डिग्री है। 0 लाल है, 120 हरा है, और 240 नीला है।
संतृप्ति एक प्रतिशत मान है, 0% का अर्थ है ग्रे की छाया, और 100% पूर्ण रंग है।
हल्कापन भी एक प्रतिशत है, 0% काला है, 50% न तो प्रकाश है और न ही अंधेरा, 100% सफेद है
नीचे दिए गए एचएसएल मानों को मिलाकर प्रयोग करें:
एचएसएल (0, 100%, 50%)
रंग
संतृप्ति
लपट
उदाहरण
परिपूर्णता
संतृप्ति को रंग की तीव्रता के रूप में वर्णित किया जा सकता है।
100% शुद्ध रंग है, ग्रे का कोई रंग नहीं
50% 50% ग्रे है, लेकिन आप अभी भी रंग देख सकते हैं।
0% पूरी तरह से ग्रे है, अब आप रंग नहीं देख सकते हैं।
उदाहरण
लपट
एक रंग की लपट का वर्णन इस प्रकार किया जा सकता है कि आप रंग को कितना प्रकाश देना चाहते हैं, जहां 0% का अर्थ है कोई प्रकाश नहीं (काला), 50% का अर्थ है 50% प्रकाश (न तो अंधेरा और न ही प्रकाश) 100% का अर्थ पूर्ण हल्कापन (सफेद) है।
उदाहरण
भूरे रंग
भूरे रंग के रंगों को अक्सर रंग और संतृप्ति को 0 पर सेट करके परिभाषित किया जाता है, और गहरा/हल्का रंग प्राप्त करने के लिए हल्केपन को 0% से 100% तक समायोजित किया जाता है:
उदाहरण
एचएसएलए मूल्य
HSLA रंग मान एक अल्फा चैनल के साथ HSL रंग मानों का एक विस्तार हैं - जो एक रंग के लिए अस्पष्टता को निर्दिष्ट करता है।
एक HSLA रंग मान के साथ निर्दिष्ट किया गया है:
hsla ( रंग, संतृप्ति , लपट, अल्फा )
अल्फा पैरामीटर 0.0 (पूरी तरह से पारदर्शी) और 1.0 (बिल्कुल पारदर्शी नहीं) के बीच की संख्या है:
नीचे दिए गए HSLA मानों को मिलाकर प्रयोग करें:
एचएसएलए (0, 100%, 50%, 0.5)
रंग
संतृप्ति
लपट
अल्फा