0

Wynik kodowania

Kolor Oklch

O kolorze Oklch

Kolor Oklch to percepcyjna przestrzeń barw opisująca kolory za pomocą jasności, chromy i odcienia. Korzysta z tej samej idei co Oklab, ale przedstawia barwę przez chromę i kąt, co ułatwia oddzielną regulację intensywności i odcienia.

SkładnikZnaczeniePrzykładowa wartość
L: JasnośćOznacza jasność koloru. 0% to czerń, a 100% to biel.60%
C: ChromaOznacza intensywność koloru. 0 jest achromatyczne, a większe wartości dają żywsze kolory.0.2
H: OdcieńOznacza odcień jako kąt.90deg

Na przykład główne kolory, takie jak czerwony, można przedstawić następująco.

KolorOklch notacjaNotacja RGB
Czerwonyoklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Zielonyoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Limonkowyoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Niebieskioklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Białyoklch(100% 0 0deg)rgb(255 255 255)
Czarnyoklch(0% 0 0deg)rgb(0 0 0)

Aby uwzględnić przezroczystość, dodaj wartość alfa. Na przykład półprzezroczoną czerwień można zapisać jako oklch(62.8% 0.2577 29.23deg / 0.5).

Obsługa jasności, chromy i odcienia

Oznacza jasność koloru. 0% to czerń, a 100% to biel Wartości poniżej 0% są traktowane jako 0%, a powyżej 100% ograniczane do 100%.

Oznacza intensywność koloru. 0 jest achromatyczne, a większe wartości dają żywsze kolory. Ujemna chroma jest traktowana jako 0. Gdy chroma wynosi 0, kolor staje się achromatyczny, a odcień jest traktowany jako 0deg.

Odcień jest traktowany jako kąt. oklch(62.8% 0.2577 389.23deg) jest traktowany jako ten sam kolor co oklch(62.8% 0.2577 29.23deg).

Różnica między Oklch a Oklab

Oklab przedstawia kolory za pomocą prostokątnych współrzędnych a i b. Oklch przekształca tę barwę w chromę i odcień.

Różnica między Oklch a LCH

Oklch zaprojektowano tak, aby zmiany wizualne były bardziej równomierne niż w LCH podczas zmiany odcienia lub chromy.