hwb()
CSS hwb() funksiyasi rangni Hue-Whiteness-Blackness (tus-oqlik-qoralik) modeli (HWB) yordamida belgilaydi.
Shuningdek, ixtiyoriy alfa komponentini ham qo‘shish mumkin (u rangning shaffofligini bildiradi).
Misol
Turli HWB(A) ranglarini belgilang:
#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%);}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| hwb() | 101 | 101 | 96 | 15 | 87 |
| Parametrlarda son va % ni aralash ishlatish | 121 | 121 | 122 | Yo‘q | 107 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
hwb(hue whiteness blackness / A)
| Qiymat | Tavsif |
|---|---|
| hue | Majburiy. Rang g‘ildiragidagi gradusni belgilaydi (0 dan 360 gacha) — 0 (yoki 360) qizil, 120 yashil, 240 ko‘k. None ham ishlatilishi mumkin (0deg bilan bir xil) |
| whiteness | Majburiy. Aralashtiriladigan oqlik miqdorini belgilaydi; 0% — oqlik yo‘q, 100% — to‘liq oqlik. None ham ishlatilishi mumkin (0% bilan bir xil) |
| blackness | Majburiy. Aralashtiriladigan qoralik miqdorini belgilaydi; 0% — qoralik yo‘q, 100% — to‘liq qoralik. None ham ishlatilishi mumkin (0% bilan bir xil) |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini bildiradi (0% (yoki 0) — to‘liq shaffofdan 100% (yoki 100) — to‘liq noshaffofgacha). None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat: 100% |
Nisbiy qiymat sintaksisi
hwb(from color whiteness blackness / A)
| Qiymat | Tavsif |
|---|---|
| from color | from kalit so‘zi bilan boshlang, undan keyin asl rangni ifodalovchi color qiymati keladi. Bu nisbiy rang asoslanadigan asl rangdir |
| hue | Majburiy. Rang g‘ildiragidagi gradusni belgilaydi (0 dan 360 gacha) — 0 (yoki 360) qizil, 120 yashil, 240 ko‘k. None ham ishlatilishi mumkin (0deg bilan bir xil) |
| whiteness | Majburiy. Aralashtiriladigan oqlik miqdorini belgilaydi; 0% — oqlik yo‘q, 100% — to‘liq oqlik. None ham ishlatilishi mumkin (0% bilan bir xil) |
| blackness | Majburiy. Aralashtiriladigan qoralik miqdorini belgilaydi; 0% — qoralik yo‘q, 100% — to‘liq qoralik. None ham ishlatilishi mumkin (0% bilan bir xil) |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini bildiradi (0% (yoki 0) — to‘liq shaffofdan 100% (yoki 100) — to‘liq noshaffofgacha). None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat: 100% |
| Versiya: | CSS Color moduli, 4-daraja |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS ranglari.
CSS ma’lumotnomasi: CSS hsl() funksiyasi.
CSS ma’lumotnomasi: CSS lab() funksiyasi.
CSS ma’lumotnomasi: CSS lch() funksiyasi.
CSS ma’lumotnomasi: CSS oklab() funksiyasi.
CSS ma’lumotnomasi: CSS oklch() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!