CSS lab() कार्यक्रम

निर्धारण और उपयोग

CSS का lab() कार्यक्रम को CIE Lab रंग अंतर्गत रंग निर्धारित करता है। यह अंतर्गत सभी दृश्य रंगों को प्रस्तुत करता है।

उदाहरण

विभिन्न lab() रंग:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

स्वयं को प्रयोग करें

CSS व्याकरण

अभिकलिंग व्याकरण

lab(L a b / A)
मान वर्णन
L

अनिवार्य। रंग के चमक को परिभाषित करता है, जो 0 से 100 के बीच का नंबर या प्रतिशत हो सकता है।

0 (या 0%) काला, 100 (या 100%) श्वेत दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

a

अनिवार्य। -125 से 125 के बीच का नंबर या -100% से 100% के बीच का प्रतिशत निर्धारित करता है।

a अक्ष पर रंग की दूरी को परिभाषित करता है, जो रंग के लाल-हरे निर्धारण को दर्शाता है।-125 हरा, 125 लाल दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

b

अनिवार्य। -125 से 125 के बीच का नंबर या -100% से 100% के बीच का प्रतिशत निर्धारित करता है।

b अक्ष पर रंग की दूरी को परिभाषित करता है, जो रंग के पीले-नीले निर्धारण को दर्शाता है।

-125 नीला, 125 पीला दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

/ A

वृद्धि (चयनित)। रंग के पारदर्शी चैनल के मान को दर्शाता है (0% या 0 एक पूर्ण रंग है, 100% या 100 एक पूर्ण गुणांक है)।

none (स्पष्ट स्पष्ट स्पष्ट गुणांक चैनल के रूप में) का उपयोग किया जा सकता है।

डिफ़ॉल्ट मान 100% है।

सापेक्षिक मान व्याकरण

lab(from color L a b / A)
मान वर्णन
from color

शब्दांतर से शुरू होता है, बाद में आधार रंग का रंग मान आता है।

यह आपसी रंग के आधार रंग है।

L

अनिवार्य। रंग के चमक को परिभाषित करता है, जो 0 से 100 के बीच का नंबर या प्रतिशत हो सकता है।

0 (या 0%) काला, 100 (या 100%) श्वेत दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

a

अनिवार्य। -125 से 125 के बीच का नंबर या -100% से 100% के बीच का प्रतिशत निर्धारित करता है।

a अक्ष पर रंग की दूरी को परिभाषित करता है, जो रंग के लाल-हरे निर्धारण को दर्शाता है।

-125 हरा, 125 लाल दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

b

अनिवार्य। -125 से 125 के बीच का नंबर या -100% से 100% के बीच का प्रतिशत निर्धारित करता है।

b अक्ष पर रंग की दूरी को परिभाषित करता है, जो रंग के पीले-नीले निर्धारण को दर्शाता है।

-125 नीला, 125 पीला दर्शाता है।

none (समान 0%) का उपयोग किया जा सकता है।

/ A

वृद्धि (चयनित)। रंग के पारदर्शी चैनल के मान को दर्शाता है (0% या 0 एक पूर्ण रंग है, 100% या 100 एक पूर्ण गुणांक है)।

none (स्पष्ट स्पष्ट स्पष्ट गुणांक चैनल के रूप में) का उपयोग किया जा सकता है।

डिफ़ॉल्ट मान 100% है।

तकनीकी विवरण

संस्करण: CSS Color Module Level 4

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण है。

च्रोम एज फ़ायरफॉक्स सैफारी ओपेरा
lab()
111 111 113 15 97
पैरामीटर में नंबर और प्रतिशत को मिलाया जा सकता है
116 116 113 16.2 102

संबंधित पृष्ठ

संदर्भ:सीएसएस रंग

संदर्भ:CSS hsl() फ़ंक्शन

संदर्भ:CSS hwb() फ़ंक्शन

संदर्भ:CSS lch() फ़ंक्शन

संदर्भ:CSS oklab() फ़ंक्शन

संदर्भ:CSS oklch() फ़ंक्शन