Farbkobold

Paletten · WCAG · OKLCH
0 Tokens

Paletten

Palette

A = Vordergrund · ▢ = Hintergrund fürs Fokus-Paar. Änderungen werden lokal gespeichert.

Fokus-Paar

OKLCH-Ramp

Perceptuell gleichmäßige Helligkeitsstufen (OKLCH), gamut-sicher nach sRGB gemappt. Klick auf eine Stufe kopiert den Hex. Die kleinen Punkte zeigen, ob schwarzer / weißer Text darauf AA besteht.

Kontrast-Matrix

AA Normal nur Groß / UI zu gering

Palette aus Bild

Median-Cut-Quantisierung, komplett lokal. Klick auf eine Farbe kopiert den Hex.

Import & Export

Import — CSS-Variablen oder Hex-Liste
CSS-Variablen

    

  

  

    

      
JSON-Tokens

      

    

    

      
Tailwind (colors)