CSS lab() कार्यक्रम
- पिछला पृष्ठ CSS इनवर्ट() फ़ंक्शन
- अगला पृष्ठ CSS lch() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
निर्धारण और उपयोग
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() फ़ंक्शन
- पिछला पृष्ठ CSS इनवर्ट() फ़ंक्शन
- अगला पृष्ठ CSS lch() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल