Fanyikizo hii ya hwb() ya CSS

上一页 Funknzi ya hue-rotate() ya CSS
下一页 Funknzi ya hypot() ya CSS
返回上一层 Kitabu cha thamani cha matukio ya kifungu

Makadaro na Kufanyia

CSS ya hwb() Fanyikizo hii inakusaidia kuzingatia rangi kwa modeli ya mabati-hewa-makosa (HWB). Inaweza kushia channe ya kuzingatia kibili cha rangi (inaonyesha kibili cha rangi).

Mifano

Kieleza kienyezi kama hwb(A) ya rangi:

#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%);}

Tukutumia mafunzo

Inayotumia lugha ya CSS

Inayotumia thamani za asili

hwb(hue whiteness blackness / A)

Thamani	Utafiti
hue	Inahitajika. Inaonyesha ukirefu wa rangi kwenye mzinga (0 hadi 360) - 0 (au 360) ni redi, 120 ni kijani, 240 ni kijani. Inaweza kutumia none (inaonyesha 0deg).
whiteness	Inahitajika. Inaonyesha kipakia cha kusaidia kuzingatia kwa rangi; 0% inaonyesha ukirefu wa kina bila, 100% inaonyesha kina kina kina. Inaweza kutumia none (inaonyesha 0%).
blackness	Inahitajika. Inaonyesha kipakia cha kusaidia kuzingatia; 0% inaonyesha ukirefu wa kina bila, 100% inaonyesha kina kina kina. Inaweza kutumia none (inaonyesha 0%).
/ A	Inahitajika. Inaonyesha thamani ya ukirefu wa rangi (0% (au 0) inaonyesha ukirefu wa rangi kina, 100% (au 100) inaonyesha ukirefu wa rangi bila kina). Inaweza kutumia none (inaonyesha ukirefu wa muhimu). Wakati wa kuzingatia ni 100%.

Inayotumia thamani za kina

hwb(from color whiteness blackness / A)

Thamani	Utafiti
from color	Inaanza na neno from, ikifuata na thamani ya rangi ya asili. Hii ni rangi ya asili ya rangi inayobuniwa kwa rangi za kina.
hue	Inahitajika. Inaonyesha ukirefu wa rangi kwenye mzinga (0 hadi 360) - 0 (au 360) ni redi, 120 ni kijani, 240 ni kijani. Inaweza kutumia none (inaonyesha 0deg).
whiteness	Inahitajika. Inaonyesha kipakia cha kusaidia kuzingatia kwa rangi; 0% inaonyesha ukirefu wa kina bila, 100% inaonyesha kina kina kina. Inaweza kutumia none (inaonyesha 0%).
blackness	Inahitajika. Inaonyesha kipakia cha kusaidia kuzingatia; 0% inaonyesha ukirefu wa kina bila, 100% inaonyesha kina kina kina. Inaweza kutumia none (inaonyesha 0%).
/ A	Inahitajika. Inaonyesha thamani ya ukirefu wa rangi (0% (au 0) inaonyesha ukirefu wa rangi kina, 100% (au 100) inaonyesha ukirefu wa rangi bila kina). Inaweza kutumia none (inaonyesha ukirefu wa muhimu). Wakati wa kuzingatia ni 100%.