Funguo ya lch() ya CSS

Inaisha na matumizi

CSS ya lch() Inafanya kwa mbali-nyo ya LCH (mawili-mabara-magama-mawili-mawili) ya kina-mabara kumielea mabali.

kwa msingi

Inaisha kwa mbali-nyo mbalimbali lch() Mabali:

#p1 {mbali-nyo mawili ya mabara (10% 100 130 / 0.5);}
#p2 {mbali-nyo mawili ya mabara (40% 100 130);}
#p3 {mbali-nyo mawili ya mabara (90% 100 130 / 20%);}
#p4 {mbali ya mkataba:lch(10% 160 200);}
#p5 {mbali ya mkataba:lch(40% 160 200);}
#p6 {mbali ya mkataba:lch(90% 160 200 / 0.3);}
#p7 {mbali ya mkataba:lch(10% 130 70 / 0.5);}
#p8 {mbali ya mkataba:lch(40% 130 70);}
#p9 {mbali ya mkataba:lch(90% 130 70);}

Inafikia kwa kufikia kwa uharibifu

Mafuatani ya kidokezo cha CSS

Mafuatani ya kidokezo cha kidharazifu

Mafuatani ya kidokezo cha kinaNi rangi ya asili inayobuniwa na rangi ya kidharazifu. C H / Alch(from
) Thamani
Ni rangi ya asili inayobuniwa na rangi ya kidharazifu.

Inayotumika sana. Inadefini nyama ya rangi, inaweza kuwa namba kati ya 0 na 100 au chizi.

0 (au 0%) inaonyesha kijani, 100 (au 100%) inaonyesha kijivu.

Inaweza kutumia none (inaonekana kama chizi 0%).
C

lch(

Inayotumika sana. Inadefini nyama ya rangi (kina cha rangi) inaweza kuwa namba au chizi.

Inaweza kutumia none (inaonekana kama chizi 0%).
H

Inayotumika sana. Inadefini anga la matokeo ya rangi, inaweza kuwa namba au thamani ya anga.

Inaweza kutumia none (inaonekana kama chizi 0deg).
/ A

Inayotumika sana. Inaonekana kama thamani ya chizi cha rangi (0% (au 0) inaonyesha kijivu kati, 100% (au 100) inaonyesha kijivu kwenye kina).

Inaweza kutumia none (inaonekana kama chizi 0deg).

Chaguo cha kwa kawaida ni 100%.

Inafikia 0 (au 0%). Makadaro yana kina (hata hivi ingekadiri inasababisha 230). 100% inaonekana kama 150.

Mafuatani ya thamani ya kidharazifu from Ni rangi ya asili inayobuniwa na rangi ya kidharazifu. C H / Alch(from
) Thamani
Inasemekana from

color

Inaanza na heri from, baadaye thamani ya rangi ya asili.
Ni rangi ya asili inayobuniwa na rangi ya kidharazifu.

Inayotumika sana. Inadefini nyama ya rangi, inaweza kuwa namba kati ya 0 na 100 au chizi.

0 (au 0%) inaonyesha kijani, 100 (au 100%) inaonyesha kijivu.

Inaweza kutumia none (inaonekana kama chizi 0%).
C

Inayotumika sana. Inadefini namba kati ya -125 na 125 au chizi kati ya -100% na 100%.

Inadefini miundo ya rangi kwenye a xi, inaonekana kama kina cha kijani na kichwa.

-125 inaonyesha kijani, 125 inaonyesha kichwa.

Inaweza kutumia none (inaonekana kama chizi 0%).
H

Inayotumika sana. Inadefini anga la matokeo ya rangi, inaweza kuwa namba au thamani ya anga.

Inaweza kutumia none (inaonekana kama chizi 0deg).
/ A

Inayotumika sana. Inaonekana kama thamani ya chizi cha rangi (0% (au 0) inaonyesha kijivu kati, 100% (au 100) inaonyesha kijivu kwenye kina).

Inaweza kutumia none (inaonekana kama chizi 0deg).

Chaguo cha kwa kawaida ni 100%.

Maelezo ya kidokezo

Muafaka: CSS Color Module Level 4

Mawasiliano ya washabiki

Mafuatani ya washabiki inaonekana kwa siku ya kwanza ya kusukumiza kufanya kazi hii funiki.

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
Kuchangia namba na chizi katika thamani
116 116 113 16.2 102

Makutano ya habari

Tazama:Mafaa wa Rangi wa CSS

Tazama:FaaCSS hsl() Funiki

Tazama:Funksheni ya hwb() ya CSS

Tazama:Funksheni ya lab() ya CSS

Tazama:Funksheni ya oklab() ya CSS

Tazama:Funksheni ya oklch() ya CSS