CSS oklab() ఫంక్షన్.

నిర్వచనం మరియు ఉపయోగం.

CSS లో రంగు నిర్వచనం మరియు ఉపయోగం. 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 ఎ b / A)
విలువ వివరణ
L

అత్యంత అవసరం. రంగు అనుభూత ప్రకాశవత్తనాన్ని నిర్వచించండి, ఇది 0 నుండి 1 మధ్య సంఖ్యలు లేదా 0% నుండి 100% మధ్య శాతాలను ఉంటుంది.

0 (లేదా 0%) బ్లాక్ ఉంటుంది, 1 (లేదా 100%) వెండి ఉంటుంది.

కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
ఎ

అత్యంత అవసరం. -0.4 నుండి 0.4 మధ్య సంఖ్యలు లేదా -100% నుండి 100% మధ్య శాతాలను నిర్వచించండి.

ఎ అక్షంపై రంగు దూరాన్ని నిర్వచిస్తుంది, ఇది రంగు ఎరుపు-హరిత స్థితిని సూచిస్తుంది.

-0.4 నుండి హరితం, 0.4 నుండి ఎరుపు ఉంటుంది. కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
b

అత్యంత అవసరం. -0.4 నుండి 0.4 మధ్య సంఖ్యలు లేదా -100% నుండి 100% మధ్య శాతాలను నిర్వచించండి.

బి అక్షంపై రంగు దూరాన్ని నిర్వచిస్తుంది, ఇది రంగు పసుపు-నీలి స్థితిని సూచిస్తుంది.

-0.4 నుండి నీలి, 0.4 నుండి పసుపు ఉంటుంది. కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
/ A

ఎంపికాత్మకం. రంగు పారదర్శకతా చానల్ విలువను సూచిస్తుంది (0% లేదా 0 పూర్తి పారదర్శకతను సూచిస్తుంది, 100% లేదా 100 పూర్తి అనార్ద్రతను సూచిస్తుంది).

కానీ నాన్ (పారదర్శకతా చానల్ లేదా) ఉపయోగించవచ్చు. డిఫాల్ట్ విలువ 100%.

సారూప్య విలువ సంకేతాలు

oklab(from color L ఎ b / A)
విలువ వివరణ
from color

కీలక పదం ఫ్రామ్ తో మొదలవుతుంది, తరువాత ప్రాథమిక రంగును సూచించే రంగు విలువ.

ఇది సారూప్య రంగులకు ఆధారపడే ప్రాథమిక రంగు.
L

అత్యంత అవసరం. రంగు అనుభూత ప్రకాశవత్తనాన్ని నిర్వచించండి, ఇది 0 నుండి 1 మధ్య సంఖ్యలు లేదా 0% నుండి 100% మధ్య శాతాలను ఉంటుంది.

0 (లేదా 0%) బ్లాక్ ఉంటుంది, 1 (లేదా 100%) వెండి ఉంటుంది.

కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
ఎ

అత్యంత అవసరం. -0.4 నుండి 0.4 మధ్య సంఖ్యలు లేదా -100% నుండి 100% మధ్య శాతాలను నిర్వచించండి.

ఎ అక్షంపై రంగు దూరాన్ని నిర్వచిస్తుంది, ఇది రంగు ఎరుపు-హరిత స్థితిని సూచిస్తుంది.

-0.4 నుండి హరితం, 0.4 నుండి ఎరుపు ఉంటుంది. కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
b

అత్యంత అవసరం. -0.4 నుండి 0.4 మధ్య సంఖ్యలు లేదా -100% నుండి 100% మధ్య శాతాలను నిర్వచించండి.

బి అక్షంపై రంగు దూరాన్ని నిర్వచిస్తుంది, ఇది రంగు పసుపు-నీలి స్థితిని సూచిస్తుంది.

-0.4 నుండి నీలి, 0.4 నుండి పసుపు ఉంటుంది. కానీ నాన్ (సమానంగా 0%) ఉపయోగించవచ్చు.
/ A

ఎంపికాత్మకం. రంగు పారదర్శకతా చానల్ విలువను సూచిస్తుంది (0% లేదా 0 పూర్తి పారదర్శకతను సూచిస్తుంది, 100% లేదా 100 పూర్తి అనార్ద్రతను సూచిస్తుంది).

కానీ నాన్ (పారదర్శకతా చానల్ లేదా) ఉపయోగించవచ్చు. డిఫాల్ట్ విలువ 100%.

సాంకేతిక వివరాలు

వెర్షన్: CSS కలర్ మాడ్యూల్ లెవల్ 4

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ను పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
oklab()
111 111 113 15.4 97
పారామీటర్ల్లో సంఖ్యలు మరియు శాతాలను కలపడం
116 116 113 16.2 102

సంబంధిత పేజీలు

సూచనలు:సిఎస్ఎస్ కలర్

సూచనలు:CSS hsl() ఫంక్షన్

సూచనలు:CSS hwb() 函数

సూచనలు:CSS lch() 函数

సూచనలు:CSS lab() 函数

సూచనలు:CSS oklch() ఫంక్షన్