OKLCH-Farbwähler für Design-Tokens
Diese Landing fokussiert den Picker: perceptuell wählen, dann Kontrast prüfen. Fix und Fotopalette sind eigene Einstiege — kein Keyword-Kannibalisierung mit der Startseite.
L×C-Ebene + Hue
OKLCH trennt Helligkeit, Chroma und Farbton wie das Auge. Besser für Skalen als HSL oder rohes HEX.
Danach Kontrast-Fix
Token gewählt? Text-/Flächenrollen in Kontrast legen und Fix für WCAG AA nutzen.
Einsatz
Tailwind-v4-@theme, Design-Systeme, oklch()-Migration von HEX.
Fehler
Nur HEX speichern ohne Kontrastcheck — immer Paare mit Fix validieren.
Tailwind v4
Export als @theme-Block.
@theme {
--color-brand: oklch(0.55 0.14 250);
}