सीएसएस एचएसएल रंग
- पिछला पृष्ठ सीएसएस हेक्स रंग
- अगला पृष्ठ सीएसएस पृष्ठभूमि
HSL वाल्यू
CSS में, रंग को रंग के स्पेक्ट्रम (HSL) के रूप में निर्दिष्ट करने के लिए, निम्नलिखित फॉर्मेट का उपयोग किया जा सकता है:
hsla(hue, saturation, lightness)
स्पेक्ट्रम (hue）स्पंजर पर 0 से 360 के डिग्री है। 0 लाल है, 120 हरा है, 240 नीला है।
सैटुरेशन (saturation）एक प्रतिशत है, 0％ ग्रे शेड को निर्दिष्ट करता है, और 100％ पूर्ण रंग को निर्दिष्ट करता है।
रोशनी (lightness）भी प्रतिशत है, 0％ काला है, 50％ न अस्पष्ट न गहरा है, 100％ सफेद है।
निम्नलिखित HSL वाल्यू को मिश्रित करके प्रयोग करें:
HUE
SATURATION
LIGHTNESS
इंस्टेंस
सैटुरेशन
सैटुरेशन को रंग की तीव्रता के रूप में वर्णित किया जा सकता है。
100％ पूर्ण रंग है, नहीं है ग्रे शेड
50％ 50％ ग्रे है, लेकिन आप रंग देख सकते हैं।
0％ पूर्ण ग्रे है, आप रंग देख नहीं सकते।
इंस्टेंस
रोशनी
रंग की रोशनी को रंग को कितना प्रकाश देना है के रूप में वर्णित किया जा सकता है, जहां 0％ अस्पष्ट (काला) को निर्दिष्ट करता है, 50％ 50％ रोशनी (न अस्पष्ट न गहरा) को निर्दिष्ट करता है, 100％ पूर्ण रोशनी (सफेद) को निर्दिष्ट करता है。
इंस्टेंस
सामान्यतया टोन और सैटुरेशन को 0 रखकर ग्रे शेड को परिभाषित करते हैं, और रोशनी को 0％ से 100％ तक की समायोजन करके गहरे/हल्के शेड को प्राप्त करते हैं:
इंस्टेंस
HSLA वाल्यू
HSLA रंग वाल्यू एक्पन्शन के रूप में HSL रंग वाल्यू है - यह रंग की अस्पष्टता को निर्दिष्ट करता है。
HSLA रंग वाल्यू को निर्दिष्ट किया गया है:
hsla(hue, saturation, lightness, alpha)
alpha पैरामीटर 0.0 (पूर्ण ट्रांसपारेंट) और 1.0 (पूर्ण अनुप्रयोग) के बीच के अंक हैं:
यहाँ के नीचे दिए गए HSLA वैल्यू को मिश्रित करके परीक्षण करें:
HUE
SATURATION
LIGHTNESS
ALPHA
इंस्टेंस
- पिछला पृष्ठ सीएसएस हेक्स रंग
- अगला पृष्ठ सीएसएस पृष्ठभूमि
