Über Oklch-Farbe

Oklch-Farbe ist ein wahrnehmungsbasierter Farbraum, der Farben mit Helligkeit, Chroma und Farbton darstellt. Sie verwendet denselben Ansatz wie Oklab-Farbe, stellt den Farbton aber mit Chroma und einem Winkel dar, sodass Farbintensität und Farbton leichter getrennt angepasst werden können.

Zum Beispiel lassen sich wichtige Farben wie Rot wie folgt darstellen.

Um Transparenz einzuschließen, fügen Sie einen Alphawert hinzu. Zum Beispiel kann halbtransparentes Rot so dargestellt werden: oklch(62.8% 0.2577 29.23deg / 0.5).

Umgang mit Helligkeit, Chroma und Farbton

Die Helligkeit wird im Bereich von 0% bis 100% behandelt. Werte unter 0% werden als 0% behandelt, Werte über 100% werden auf 100% begrenzt.

Chroma wird als Wert ab 0 behandelt. Negatives Chroma wird als 0 behandelt. Wenn Chroma 0 ist, wird die Farbe unbunt und der Farbton als 0deg behandelt.

Der Farbton wird als Winkel behandelt; Werte über 360deg und negative Werte werden auf den Bereich von 0deg bis 360deg normalisiert. Zum Beispiel wird oklch(62.8% 0.2577 389.23deg) als dieselbe Farbe wie oklch(62.8% 0.2577 29.23deg) behandelt.

Unterschied zwischen Oklch und Oklab

Oklab stellt Farben mit den rechtwinkligen Koordinaten a und b dar. Oklch wandelt den Farbton von Oklab in Chroma und Farbton um. Dadurch ist Oklch oft intuitiver, wenn Chroma oder Farbton bei gleicher Helligkeit angepasst werden sollen.

Unterschied zwischen Oklch und LCH

Oklch ist so entworfen, dass Änderungen von Farbton oder Chroma optisch gleichmäßiger wirken als bei LCH. Da Helligkeit, Chroma und Farbton näher an die menschliche Wahrnehmung angepasst sind, führen gleiche Änderungen der Komponentenwerte meist zu gleichmäßigeren visuellen Änderungen. Beim Drehen des Farbtons bei gleicher Helligkeit oder beim Ändern nur des Chromas verschieben sich Helligkeit und Farbton daher weniger unnatürlich.