OKLCH (Farbnotation im Web)

OKLCH ist eine Schreibweise für Farben in CSS, die eine Farbe über wahrgenommene Helligkeit, Buntheit und Farbwinkel beschreibt statt über Rot-, Grün- und Blauanteile. Sie ist im W3C-Standard CSS Color Module Level 4 zusammen mit oklab() definiert und in aktuellen Browsern verfügbar.

In der Praxis

Für Entscheiderinnen und Entscheider ist vor allem der Effekt relevant: Weil die Helligkeit getrennt steuerbar ist, lassen sich aus einer Markenfarbe abgestufte Varianten für Hover-Zustände, Hintergründe und Ränder erzeugen, die tatsächlich gleichmäßig heller oder dunkler wirken. Mit Hex-Werten führt derselbe Rechenschritt oft zu Tönen, die sichtbar ins Graue oder Grelle kippen. Das erleichtert auch die Kontrastprüfung, weil Sie an einem Wert drehen können, bis der Kontrast passt, ohne den Farbton zu verlieren. Verlangen Sie deshalb nicht zwingend OKLCH, aber fragen Sie, wie die Farbabstufungen erzeugt werden – händisch gepflegte Hex-Listen sind eine typische Fehlerquelle. Als Rückfallebene für sehr alte Browser bleibt eine Hex-Angabe sinnvoll.

Passende Leistung

Quellen

← Zurück zum Glossar