Fungili lab() ya CSS

Kuandika na kutumia

Maelezo ya CSS lab() Fungili inakadiri rangi katika ukurabu wa rangi CIE Lab. Ukurabu huu unatoa kila rangi ambayo inavyozangwa mata ya binadamu.

mifano

Kuandika muundo wa kawaida lab() Rangi:

#p1 {mabaki ya rangi:lab(0 40% 20% / 0.5);}
#p2 {mabaki ya rangi:lab(30 -40% -20%);}

Tafiri hizi

Mawakili ya CSS

Mawakili ya juu

lab(L a b / A)
Wazi Maelezo
L

Inahitajika. Inasababisha rangia ya kidhinga, inaweza kuwa namba ya kidhinga kati ya 0 na 100 au nafasi ya kidhinga kati ya 0% na 100%.

0 (au 0%) inasababisha rangia ya kijani, 100 (au 100%) inasababisha rangia ya kijana.

Inaweza kutumia none (ingawa na 0%).
a

Inahitajika. Inasababisha namba ya kidhinga kati ya -125 na 125 au nafasi ya kidhinga kati ya -100% na 100%.

Inasababisha kidhinga cha rangia kwenye uksiji a, inasababisha rangia ya kichwa na kijani. -125 inasababisha rangia ya kijani, 125 inasababisha rangia ya kichwa.

Inaweza kutumia none (ingawa na 0%).
b

Inahitajika. Inasababisha namba ya kidhinga kati ya -125 na 125 au nafasi ya kidhinga kati ya -100% na 100%.

Inasababisha kidhinga cha rangia kwenye uksiji b, inasababisha rangia ya kijani na kijana.

-125 inasababisha rangia ya kijani, 125 inasababisha rangia ya kijana.

Inaweza kutumia none (ingawa na 0%).
/ A

Inaaminika. Inasababisha kina cha kidhani cha rangia kwa rangia. 0% (au 0) inasababisha rangia kwenye kidhani kipya, 100% (au 100) inasababisha rangia kwenye kidhani kipya.

Inaweza kutumia none (inaonyesha kina cha kidhani).

Inaingia kwa chaguo cha kawaida 100%.

Mawakili ya uadilifu

lab(from color L a b / A)
Wazi Maelezo
from color

Inaanza na neno kwake cha kina, kisha kumekuwa rangia ya kidhani kina ya kina.

Hii ni rangia ya kidhani kina ambayo inafikia rangia ya kidhani kina ya kina.
L

Inahitajika. Inasababisha rangia ya kidhinga, inaweza kuwa namba ya kidhinga kati ya 0 na 100 au nafasi ya kidhinga kati ya 0% na 100%.

0 (au 0%) inasababisha rangia ya kijani, 100 (au 100%) inasababisha rangia ya kijana.

Inaweza kutumia none (ingawa na 0%).
a

Inahitajika. Inasababisha namba ya kidhinga kati ya -125 na 125 au nafasi ya kidhinga kati ya -100% na 100%.

Inasababisha kidhinga cha rangia kwenye uksiji a, inasababisha rangia ya kichwa na kijani.

-125 inasababisha rangia ya kijani, 125 inasababisha rangia ya kichwa.

Inaweza kutumia none (ingawa na 0%).
b

Inahitajika. Inasababisha namba ya kidhinga kati ya -125 na 125 au nafasi ya kidhinga kati ya -100% na 100%.

Inasababisha kidhinga cha rangia kwenye uksiji b, inasababisha rangia ya kijani na kijana.

-125 inasababisha rangia ya kijani, 125 inasababisha rangia ya kijana.

Inaweza kutumia none (ingawa na 0%).
/ A

Inaaminika. Inasababisha kina cha kidhani cha rangia kwa rangia. 0% (au 0) inasababisha rangia kwenye kidhani kipya, 100% (au 100) inasababisha rangia kwenye kidhani kipya.

Inaweza kutumia none (inaonyesha kina cha kidhani).

Inaingia kwa chaguo cha kawaida 100%.

Maelezo ya ujuzi

Tovuti: CSS Color Module Level 4

Mwongozo wa wasomi

Inafikia kwenye meza ya namba inasababisha mtumiaji wa kwanza ambao inasimamia kufanyika fungu hii

Chrome Edge Firefox Safari Opera
lab()
111 111 113 15 97
Inayofanywa kwenye paramathari kusaidia mawili ya namba na nafasi
116 116 113 16.2 102

Sayari ya kina

Matokeo:Mafunzo ya maelezo ya rangi za CSS

Matokeo:Fomu hsl() fungu

Matokeo:Funksheni ya CSS hwb()

Matokeo:Funksheni ya CSS lch()

Matokeo:Funksheni ya CSS oklab()

Matokeo:Funksheni ya CSS oklch()