oklab()
CSS oklab() funksiyasi rangni OKLAB rang fazosida belgilaydi. Bu rang fazosi rangni inson ko‘zi qanday idrok etishini taqlid qilishga harakat qiladi.
Misol
Turli oklab() ranglarini belgilang:
#p1 {background-color:oklab(0 40% 20% / 0.5);}
#p2 {background-color:oklab(0.3 -40% -20%);}
#p3 {background-color:oklab(0.4 30% -20% / 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p6 {background-color:oklab(0.7 70% -80% / 0.3);}
#p7 {background-color:oklab(0.8 70% 20% / 0.5);}
#p8 {background-color:oklab(0.9 80% -20%);}
#p9 {background-color:oklab(1 90% -100%);}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| oklab() | 111 | 111 | 113 | 15.4 | 97 |
| Parametrlarda son va % ni aralash ishlatish | 116 | 116 | 113 | 16.2 | 102 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
oklab(L a b / A)
| Qiymat | Tavsif |
|---|---|
| L | Majburiy. Rangning idrok etiladigan yorug‘ligini 0 va 1 oralig‘idagi son yoki 0% va 100% oralig‘idagi foiz sifatida belgilaydi. 0 (yoki 0%) — qora, 1 (yoki 100%) — oq. None ham ishlatilishi mumkin (0% bilan bir xil) |
| a | Majburiy. -0.4 va 0.4 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. -0.4 yashilni, 0.4 esa qizilni bildiradi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| b | Majburiy. -0.4 va 0.4 oralig‘idagi son yoki -100% va 100% oralig‘idagi foizni belgilaydi. Rangning b o‘qi bo‘ylab masofasini belgilaydi, bu esa rang qanchalik sariq yoki ko‘k ekanini aniqlaydi. -0.4 ko‘kni, 0.4 esa sariqni bildiradi. 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
oklab(from color L a b / 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 idrok etiladigan yorug‘ligini 0 va 1 oralig‘idagi son yoki 0% va 100% oralig‘idagi foiz sifatida belgilaydi. 0 (yoki 0%) — qora, 1 (yoki 100%) — oq. None ham ishlatilishi mumkin (0% bilan bir xil) |
| a | Majburiy. -0.4 va 0.4 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. -0.4 yashilni, 0.4 esa qizilni bildiradi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| b | Majburiy. -0.4 va 0.4 oralig‘idagi son yoki -100% va 100% oralig‘idagi foizni belgilaydi. Rangning b o‘qi bo‘ylab masofasini belgilaydi, bu esa rang qanchalik sariq yoki ko‘k ekanini aniqlaydi. -0.4 ko‘kni, 0.4 esa sariqni bildiradi. 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 hwb() funksiyasi.
CSS ma’lumotnomasi: CSS lch() funksiyasi.
CSS ma’lumotnomasi: CSS lab() funksiyasi.
CSS ma’lumotnomasi: CSS oklch() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!