Mr. Encoder

Farbkonverter

Beliebige CSS-Farben in HEX, RGB, HSL, HWB, CMYK und OKLCH umrechnen und den WCAG-Kontrast prüfen.

So funktioniert's

  1. Geben Sie eine Farbe in einem beliebigen CSS-Format ein oder fügen Sie sie ein, oder wählen Sie eine mit der Farbauswahl.
  2. Sehen Sie sie sofort als HEX, RGB, HSL, HWB, CMYK und OKLCH und kopieren Sie das benötigte Format.
  3. Prüfen Sie das Kontrastverhältnis zu Weiß und Schwarz, damit Ihr Text gut lesbar bleibt.

Häufig gestellte Fragen

Welches Kontrastverhältnis verlangt die WCAG?

WCAG 2 Stufe AA verlangt mindestens 4,5:1 für normalen Text und 3:1 für großen Text (24px oder 18,66px fett). Stufe AAA verlangt 7:1 für normalen Text und 4,5:1 für großen Text.

Was ist OKLCH und wozu dient es?

OKLCH ist ein wahrnehmungsgleichmäßiger Farbraum: Gleiche Änderungen von Helligkeit oder Chroma wirken für das Auge gleich groß. Das macht ihn ideal für Farbpaletten, und moderne Browser unterstützen ihn in CSS über oklch().

Wie werden transparente Farben behandelt?

8-stelliges HEX, rgba() und hsla() behalten ihren Alphawert in jedem Format, das ihn unterstützt. Für die Kontrastprüfung wird die Farbe zunächst über den weißen bzw. schwarzen Hintergrund geblendet.

Ist der CMYK-Wert druckgenau?

Nein. Es handelt sich um die mathematische Standardumrechnung aus RGB. Exakte Druckfarben hängen von Drucker, Papier und ICC-Farbprofil ab; verwenden Sie für endgültige Druckwerte daher Ihre Designsoftware.

Weitere Tools