funkcja lch() w CSS

Poprzednia strona Funkcja lab() w CSS
Następna strona Funkcja light-dark() w CSS
Wróć do poprzedniego poziomu Podręcznik referencyjny funkcji CSS

definicja i użycie

CSS lch() funkcji w przestrzeni kolorów LCH (jasność-kolor-ton) określa kolory.

przykładów

Definiowanie różnych lch() Kolor:

#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p3 {background-color:lch(10% 160 200);}
#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);}

Spróbuj sam

Gramatyka CSS

Gramatyka wartości absolutnychTo jest oryginalny kolor, na którym opiera się względny kolor. C H / Alch(from

)	Wartość
To jest oryginalny kolor, na którym opiera się względny kolor.	Wymagane. Definiuje jasność koloru, może być liczbą lub procentem w zakresie od 0 do 100. 0 (lub 0%) oznacza czarny, 100 (lub 100%) oznacza biały. Można również użyć none (równoważne 0%).
C	lch( Wymagane. Definiuje chromatyczność koloru (ilość koloru), może być liczbą lub procentem. Można również użyć none (równoważne 0%).
H	Wymagane. Definiuje kąt tonacji koloru, może być liczbą lub wartością kątową. Można również użyć none (równoważne 0deg).
/ A	Opcjonalne. Wartość kanału przezroczystości koloru (0% lub 0 oznacza całkowitą przezroczystość, 100% lub 100 oznacza brak przezroczystości). Można również użyć none (oznaczającego brak kanału przezroczystości). Domyślna wartość to 100%.

Minimalna wartość to 0 (lub 0%). Maksymalna wartość jest nieograniczona (ale w rzeczywistości nie przekracza 230). 100% równa się 150.

Gramatyka wartości względnych from To jest oryginalny kolor, na którym opiera się względny kolor. C H / Alch(from

)	Wartość
Opis from	color Zaczyna się od słowa kluczowego from, po którym następuje wartość koloru oryginalnego.
To jest oryginalny kolor, na którym opiera się względny kolor.	Wymagane. Definiuje jasność koloru, może być liczbą lub procentem w zakresie od 0 do 100. 0 (lub 0%) oznacza czarny, 100 (lub 100%) oznacza biały. Można również użyć none (równoważne 0%).
C	Wymagane. Definiuje liczbę lub procent (-125 do 125) lub procent (-100% do 100%). Definiuje odległość koloru wzdłuż osi a, co oznacza stopień czerwono-zieloności koloru. -125 oznacza zielony, 125 oznacza czerwony. Można również użyć none (równoważne 0%).
H	Wymagane. Definiuje kąt tonacji koloru, może być liczbą lub wartością kątową. Można również użyć none (równoważne 0deg).
/ A	Opcjonalne. Wartość kanału przezroczystości koloru (0% lub 0 oznacza całkowitą przezroczystość, 100% lub 100 oznacza brak przezroczystości). Można również użyć none (oznaczającego brak kanału przezroczystości). Domyślna wartość to 100%.