Was sind OKLCH Farben?

OKLCH ist ein modernes Farbmodell, das Farben so beschreibt, wie wir sie tatsächlich wahrnehmen. Im Gegensatz zu älteren Modellen wie RGB oder HSL wirken Farbänderungen dadurch gleichmäßig und vorhersehbar.

OKLCH basiert auf drei Grundkomponenten:

• Lightness (L) beschreibt die Helligkeit einer Farbe – und zwar so, wie sie fürs Auge wirklich wirkt. Zwei Farben mit dem gleichen Lightness-Wert erscheinen also gleich hell. Das ist beispielsweise bei HSL nicht der Fall.
• Chroma (C) steht für die Farbsättigung, also wie kräftig oder zurückhaltend eine Farbe wirkt.
• Hue (H) ist der eigentliche Farbton, zum Beispiel Rot, Blau oder Grün.

Man kann also eine Farbe aufhellen, ohne dass sie blasser wirkt, oder sie entsättigen, ohne dass sich der Farbton verschiebt. Dadurch ist OKLCH besonders praktisch, wenn man gut abgestufte Farbpaletten erstellen möchte, die gleichzeitig barrierefrei und gut lesbar sind.

OKLCH wird bereits in modernen Browsern unterstützt und ermöglicht außerdem die Nutzung von Wide-Gamut-Farben wie im Display-P3-Farbraum. Damit lassen sich Farbtöne darstellen, die mit klassischen Modellen wie RGB nicht möglich sind.

Hilfreiche Tools, um OKLCH zu erkunden sind oklch.com oder oklch.fyi.