lch()
CSS lch() funksiyasi rangni LCH (Lightness-Chroma-Hue — yorug‘lik-xroma-tus) rang fazosida belgilaydi.
Misol
Turli lch() ranglarini belgilang:
#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}
#p9 {background-color:lch(90% 130 70);}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| lch() | 111 | 111 | 113 | 15 | 97 |
| Parametrlarda son va % ni aralash ishlatish | 116 | 116 | 113 | 16.2 | 102 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
lch(L C H / A)
| Qiymat | Tavsif |
|---|---|
| L | Majburiy. Rangning yorug‘ligini 0 dan 100 gacha bo‘lgan son yoki foiz sifatida belgilaydi. 0 (yoki 0%) — qora, 100 (yoki 100%) — oq. None ham ishlatilishi mumkin (0% bilan bir xil) |
| C | Majburiy. Rangning xromasini (rang miqdorini) son yoki foiz sifatida belgilaydi. Minimal qiymat — 0 (yoki 0%). Maksimal qiymat cheklanmagan (lekin amalda 230 dan oshmaydi). 100% 150 ga teng. None ham ishlatilishi mumkin (0% bilan bir xil) |
| H | Majburiy. Rang tusining burchagini son yoki burchak sifatida belgilaydi. None ham ishlatilishi mumkin (0deg 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
lch(from color L C H / 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 |
| L | Majburiy. Rangning yorug‘ligini 0 dan 100 gacha bo‘lgan son yoki foiz sifatida belgilaydi. 0 (yoki 0%) — qora, 100 (yoki 100%) — oq. None ham ishlatilishi mumkin (0% bilan bir xil) |
| C | Majburiy. -125 va 125 oralig‘idagi son yoki -100% va 100% oralig‘idagi foizni belgilaydi. Rangning a o‘qi bo‘ylab masofasini belgilaydi, bu esa rang qanchalik yashil yoki qizil ekanini aniqlaydi. -125 yashilni, 125 esa qizilni bildiradi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| H | Majburiy. Rang tusining burchagini son yoki burchak sifatida belgilaydi. None ham ishlatilishi mumkin (0deg 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 hwb() funksiyasi.
CSS ma’lumotnomasi: CSS lab() funksiyasi.
CSS ma’lumotnomasi: CSS oklab() funksiyasi.
CSS ma’lumotnomasi: CSS oklch() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!