CSS oklab() फ़ंक्शन

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

CSS का oklab() फ़ंक्शन का उपयोग OKLAB रंग अंतर्गत रंग निर्दिष्ट करने के लिए है। यह रंग अंतर्गत के उद्देश्य आदमी के आँखों के रंग के अनुभव को समानता देना है।

उदाहरण

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

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

अपने आप अनुभव कीजिए

CSS व्याकरण

अभिकरण व्याकरण

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

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

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

इसके बजाय None (बराबर 0%) का उपयोग किया जा सकता है।
a

अनिवार्य। -0.4 से 0.4 तक के नंबर या -100% से 100% तक के प्रतिशत को परिभाषित करता है。

a अक्ष पर रंग की दूरी परिभाषित करता है, जो रंग के लाल-हरे विषमता को प्रतिपादित करता है。

-0.4 हरा होता है, 0.4 लाल होता है। इसके बजाय none (बराबर 0%) का उपयोग किया जा सकता है।
b

अनिवार्य। -0.4 से 0.4 तक के नंबर या -100% से 100% तक के प्रतिशत को परिभाषित करता है。

b अक्ष पर रंग की दूरी परिभाषित करता है, जो रंग के पीले-नीले विषमता को प्रतिपादित करता है。

-0.4 नीला होता है, 0.4 पीला होता है। इसके बजाय none (बराबर 0%) का उपयोग किया जा सकता है।
/ A

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

इसके बजाय none (अर्थात् नामोल्याता चैनल का अर्थ है) का उपयोग किया जा सकता है। मूलभूत मान 100% है。

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

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

शब्दांश from से शुरू होता है, बाद में आधार रंग का रंग मान के साथ आगे बढ़ता है。

यह आपसी रंग के आधार पर है के प्रारंभिक रंग है。
L

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

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

इसके बजाय none (बराबर 0%) का उपयोग किया जा सकता है।
a

अनिवार्य। -0.4 से 0.4 तक के नंबर या -100% से 100% तक के प्रतिशत को परिभाषित करता है。

a अक्ष पर रंग की दूरी परिभाषित करता है, जो रंग के लाल-हरे विषमता को प्रतिपादित करता है。

-0.4 हरा होता है, 0.4 लाल होता है। इसके बजाय none (बराबर 0%) का उपयोग किया जा सकता है।
b

अनिवार्य। -0.4 से 0.4 तक के नंबर या -100% से 100% तक के प्रतिशत को परिभाषित करता है。

b अक्ष पर रंग की दूरी परिभाषित करता है, जो रंग के पीले-नीले विषमता को प्रतिपादित करता है。

-0.4 नीला होता है, 0.4 पीला होता है। इसके बजाय none (बराबर 0%) का उपयोग किया जा सकता है।
/ A

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

इसके बजाय none (अर्थात् नामोल्याता चैनल का अर्थ है) का उपयोग किया जा सकता है। मूलभूत मान 100% है。

तकनीकी विवरण

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

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

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

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

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

संदर्भःCSS रंग

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

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

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

संदर्भःCSS lab() फ़ंक्शन

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