plan kursów

Podręcznik referencyjny CSS

Atrybuty CSS

wybór kursu

Rekomendacja kursu:

Skarbniczka CodeW3C.com

funkcja oklab() w CSS

Poprzednia strona Funkcja mod() w CSS
Następna strona Funkcja oklch() w CSS
Wróć do poprzedniego poziomu Podręcznik referencyjny funkcji CSS

definicja i użycie

CSS oklab() funkcji do określania kolorów w przestrzeni kolorów OKLAB. Ta przestrzeń kolorów ma na celu symulowanie sposobu, w jaki ludzkie oko odbiera kolory.

przykładów

Definiowanie różnych oklab() Kolor:

#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%);}
#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%);}

Spróbuj sam

Gramatyka CSS

Język wartości absolutnychTo jest oryginalny kolor, na którym opiera się względny kolor. Można również użyć none (рівносильne 0%). b / Aoklab(from

)	Wartość
To jest oryginalny kolor, na którym opiera się względny kolor.	L Wymagane. Definiuje odczuwalną jasność koloru, może być liczbą (0 do 1) lub procentem (0% do 100%). oklab(
Można również użyć none (рівносильne 0%).	Wymagane. Definiuje liczbę lub procent (-0.4 do 0.4) lub (-100% do 100%). Definiuje odległość koloru wzdłuż osi a, co oznacza stopień czerwono-zielonego koloru. -0.4 oznacza zielony, 0.4 oznacza czerwony. Można również użyć none (рівносильne 0%).
b	Wymagane. Definiuje liczbę lub procent (-0.4 do 0.4) lub (-100% do 100%). Definiuje odległość koloru wzdłuż osi b, co oznacza stopień żółto-niebieskiego koloru. -0.4 oznacza niebieski, 0.4 oznacza żółty. Można również użyć none (рівносильне 0%).
/ A	Opcjonalne. Oznacza 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%.

Można również użyć None (рівносильne 0%).

Język wartości względnych from To jest oryginalny kolor, na którym opiera się względny kolor. Można również użyć none (рівносильne 0%). b / Aoklab(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.	L Wymagane. Definiuje odczuwalną jasność koloru, może być liczbą (0 do 1) lub procentem (0% do 100%). 0 (lub 0%) oznacza czarny, 1 (lub 100%) oznacza biały.
Można również użyć none (рівносильne 0%).	Wymagane. Definiuje liczbę lub procent (-0.4 do 0.4) lub (-100% do 100%). Definiuje odległość koloru wzdłuż osi a, co oznacza stopień czerwono-zielonego koloru. -0.4 oznacza zielony, 0.4 oznacza czerwony. Można również użyć none (рівносильne 0%).
b	Wymagane. Definiuje liczbę lub procent (-0.4 do 0.4) lub (-100% do 100%). Definiuje odległość koloru wzdłuż osi b, co oznacza stopień żółto-niebieskiego koloru. -0.4 oznacza niebieski, 0.4 oznacza żółty. Można również użyć none (рівносильне 0%).
/ A	Opcjonalne. Oznacza 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%.