zoom

ఎక్సిస్ కోర్సు

పరిశీలన సిఫార్సు: oklch() CSS లో ఓక్లీచ్ ఫంక్షన్

oklch() ఫంక్షన్ ఓక్లీచ్ రంగు స్పేస్‌లో రంగును నిర్దేశించడానికి ఉపయోగించబడుతుంది.

ఫంక్షన్ చాలా వీక్షణీయంగా ఉంటుంది: మీరు ఉపయోగించవలసిన ప్రకాశం/కలిగినతను (L) మొత్తంగా ఆలోచించాలి, మాల్టీషన్ (గ్రే) బలం (C), మరియు రంగు స్వయంగా (H). మరియు, మీరు రంగు అస్పష్టతను ప్రదర్శించే ట్రాన్స్‌పరెన్సీ చానల్ విలువను కూడా చేర్చవచ్చు (A).

వివిధ ఉదాహరణలను oklch() రంగు:

/*  వివిధ ప్రకాశం కందరు పసుపు /
#p1 {background-color: oklch(30% 0.4 150);}
#p2 {background-color: oklch(60% 0.4 150);}
#p3 {background-color: oklch(100% 0.4 150);}
/ 不同亮度的黄色 /
#p4 {background-color: oklch(30% 0.4 100);}
/ వివిధ ప్రకాశం పసుపు */
#p4 {background-color: oklch(30% 0.4 100);}
#p5 {background-color: oklch(60% 0.4 100);}
#p6 {background-color: oklch(100% 0.4 100);}
/ వివిధ ప్రకాశం రోజులు */
#p7 {background-color: oklch(30% 0.4 20);}

#p8 {background-color: oklch(60% 0.4 20);}

#p9 {background-color: oklch(100% 0.4 20);}

ప్రయత్నించండి

CSS సంకేతబద్ధంఈ ప్రారంభ రంగును సూచించే రంగు విలువను తర్వాత from కేయ్ తో మొదలుపెడుతుంది. అప్రమేయం. రంగు స్పష్టతను నిర్వచిస్తుంది, కాబట్టి 0 నుండి 1 వరకు సంఖ్యలు లేదా 0% నుండి 100% వరకు శాతాలు ఉపయోగించవచ్చు. H / Aసారూప్య విలువ సంకేతబద్ధం

కానీ none ఉపయోగించవచ్చు (పారదర్శకతా చానల్ లేదు అని సూచిస్తుంది).

అప్రమేయం 100% ఉంది. వివరణ ఈ ప్రారంభ రంగును సూచించే రంగు విలువను తర్వాత from కేయ్ తో మొదలుపెడుతుంది. అప్రమేయం. రంగు స్పష్టతను నిర్వచిస్తుంది, కాబట్టి 0 నుండి 1 వరకు సంఖ్యలు లేదా 0% నుండి 100% వరకు శాతాలు ఉపయోగించవచ్చు. H / Aసారూప్య విలువ సంకేతబద్ధం

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

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

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

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

参考：CSS కలర్

参考：CSS hsl() ఫంక్షన్

参考：CSS hwb() 函数

参考：CSS lab() 函数

参考：CSS lch() 函数

参考：CSS oklab() ఫంక్షన్