CSS hwb() ఫంక్షన్

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

CSS లో hwb() ఫంక్షన్ కలర్ను తనిఖీ చేయడానికి హ్యూమ్యాన్ వైట్ బ్లాక్ (HWB) మోడెల్ ఉపయోగిస్తుంది. మరియు కలర్ ట్రాన్స్పరెన్సీ చానల్ను జోడించవచ్చు.

ఉదాహరణ

వివిధ HWB(A) రంగులను నిర్వచించండి:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p2 {background-color:hwb(120 40% 20%);}
#p3 {background-color:hwb(120 40% 20% / 20%);}
#p4 {background-color:hwb(240 40% 20%);}
#p5 {background-color:hwb(240 50% 10%);}
#p6 {background-color:hwb(240 40% 20% / 0.3);}
#p7 {background-color:hwb(300 40% 20% / 0.5);}
#p8 {background-color:hwb(360 40% 20%);}
#p9 {background-color:hwb(360 90% 0%);}

స్వయంగా ప్రయత్నించండి

CSS సంకేతబద్ధం

అబద్ధ విలువ సంకేతబద్ధం

hwb(hue whiteness blackness / A)
విలువ వివరణ
hue

అప్పగించబడని. రంగు చక్రంపై నిర్వచించబడే కోణం (0 లేదా 360 ఎరుపు, 120 హరితం, 240 నీలం).

కూడా none ఉపయోగించవచ్చు (సమానంగా 0deg).
whiteness

అప్పగించబడని. మిశ్రమం యొక్క వైట్నెస్ నిర్వచిస్తుంది; 0% వైట్నెస్ లేదు, 100% పూర్తి వైట్నెస్.

కూడా none ఉపయోగించవచ్చు (సమానంగా 0%).
blackness

అప్పగించబడని. మిశ్రమం యొక్క బ్లాక్నెస్ నిర్వచిస్తుంది; 0% బ్లాక్నెస్ లేదు, 100% పూర్తి బ్లాక్నెస్.

కూడా none ఉపయోగించవచ్చు (సమానంగా 0%).
/ A

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

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

డిఫాల్ట్ విలువ 100%.

సంబంధిత విలువ సంకేతబద్ధం

hwb(from color whiteness blackness / A)
విలువ వివరణ
from color

ప్రాథమిక రంగు సూచించడానికి from తో మొదలవుతుంది, అప్పటి నుండి ప్రాథమిక రంగు విలువను ప్రతిపాదిస్తుంది.

ఇది సంబంధిత రంగులు ఆధారపడే ప్రాథమిక రంగు.
hue

అప్పగించబడని. రంగు చక్రంపై నిర్వచించబడే కోణం (0 లేదా 360 ఎరుపు, 120 హరితం, 240 నీలం).

కూడా none ఉపయోగించవచ్చు (సమానంగా 0deg).
whiteness

అప్పగించబడని. మిశ్రమం యొక్క వైట్నెస్ నిర్వచిస్తుంది; 0% వైట్నెస్ లేదు, 100% పూర్తి వైట్నెస్.

కూడా none ఉపయోగించవచ్చు (సమానంగా 0%).
blackness

అప్పగించబడని. మిశ్రమం యొక్క బ్లాక్నెస్ నిర్వచిస్తుంది; 0% బ్లాక్నెస్ లేదు, 100% పూర్తి బ్లాక్నెస్.

కూడా none ఉపయోగించవచ్చు (సమానంగా 0%).
/ A

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

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

డిఫాల్ట్ విలువ 100%.

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

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

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

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

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
hwb()
101 101 96 15 87
పారామీటర్ల్లో సంఖ్యలు మరియు శాతం కలపడం
121 121 122 మద్దతు లేదు 107

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

参考：CSS రంగు

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

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

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

参考：CSS oklab() 函数

参考：CSS oklch() 函数