lab()
CSS lab() funksiyasi rangni CIE L*a*b rang fazosida belgilaydi. Bu rang fazosi inson ko‘zi ko‘ra oladigan barcha ranglarni ifodalaydi.
Misol
Turli lab() ranglarini belgilang:
#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 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 | |||||
|---|---|---|---|---|---|
| lab() | 111 | 111 | 113 | 15 | 97 |
| Parametrlarda son va % ni aralash ishlatish | 116 | 116 | 113 | 16.2 | 102 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
lab(L a b / 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) |
| a | 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) |
| b | Majburiy. -125 va 125 oralig‘idagi son yoki -100% va 100% oralig‘idagi foizni belgilaydi. Rangning b o‘qi bo‘ylab masofasini belgilaydi, bu esa rang qanchalik ko‘k yoki sariq ekanini aniqlaydi. -125 ko‘kni, 125 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
lab(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 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) |
| a | 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) |
| b | Majburiy. -125 va 125 oralig‘idagi son yoki -100% va 100% oralig‘idagi foizni belgilaydi. Rangning b o‘qi bo‘ylab masofasini belgilaydi, bu esa rang qanchalik ko‘k yoki sariq ekanini aniqlaydi. -125 ko‘kni, 125 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 oklab() funksiyasi.
CSS ma’lumotnomasi: CSS oklch() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!