Farbumrechner: HEX, RGB, HSL und CMYK mit Kontrast

Geben Sie eine Farbe ein und erhalten Sie HEX-, RGB-, HSL- und CMYK-Werte, WCAG-Kontrast und eine passende Palette.

HEX, RGB, HSL und CMYK umrechnen und WCAG-Kontrast prüfen

Ein HEX-Code ist die Darstellung der drei RGB-Kanäle (0 bis 255) zur Basis 16: #10B981 entspricht RGB(16, 185, 129), also HSL(160°, 84 %, 39 %) und CMYK(91, 0, 30, 27). Das Tool berechnet außerdem den Kontrast zu weißer oder schwarzer Schrift nach der WCAG-Formel: hier 8,28:1 zu Schwarz, Stufe AAA.

Die Umrechnungen

  • HEX ↔ RGB: Jedes Paar Hexziffern ist ein Kanal (10 = 16, B9 = 185, 81 = 129). Die Kurzform #abc wird akzeptiert.
  • RGB → HSL: Die Helligkeit ist (Max + Min) ÷ 2 der auf 0-1 skalierten Kanäle, die Sättigung hängt von Max − Min ab, der Farbton vom dominanten Kanal. Die Werte werden auf ganze Zahlen gerundet, eine Hin- und Rückrechnung kann daher um einen Punkt abweichen.
  • RGB → CMYK: K = 1 − Max(R, G, B); C = (1 − R − K) ÷ (1 − K), ebenso für M und Y. Für #10B981: K = 27 %, C = 91 %, M = 0 %, Y = 30 %.

WCAG-Kontrast

Jeder Kanal wird linearisiert (c ÷ 12,92 unter 0,04045, sonst ((c + 0,055) ÷ 1,055)2,4), dann L = 0,2126 R + 0,7152 G + 0,0722 B. Kontrastverhältnis = (Lhell + 0,05) ÷ (Ldunkel + 0,05). Für #10B981 ist L = 0,364: 2,54:1 auf Weiß, 8,28:1 auf Schwarz. Das Tool nimmt den besseren Wert und zeigt AAA ab 7:1, AA ab 4,5:1, sonst „nicht bestanden“. Das sind die Schwellen für normalen Text; großer Text (18 pt oder 14 pt fett) braucht für AA nur 3:1 und für AAA 4,5:1, was das Tool nicht unterscheidet.

Palette und Grenzen

Die Palette behält Farbton und Sättigung und variiert die HSL-Helligkeit (95, 80, 60, 40 und 20 %). Die CMYK-Umrechnung ist rein rechnerisch, ohne ICC-Profil oder Farbauftragsgrenze: Lassen Sie Druckwerte von Ihrer Druckerei prüfen. Der Kontrast wird nur gegen reines Weiß und Schwarz geprüft.

Quellen und Stand: Schwellen 4,5:1 und 7:1 (Erfolgskriterien 1.4.3 und 1.4.6) und Definition der relativen Leuchtdichte aus den Web Content Accessibility Guidelines (WCAG) 2.2, W3C-Empfehlung vom 12.12.2024 (geprüft am 14.10.2026).

Häufig gestellte Fragen

Welchen Mindestkontrast verlangt WCAG?

Stufe AA verlangt mindestens 4,5:1 für normalen Text und 3:1 für großen Text (18 pt oder 14 pt fett). Stufe AAA erhöht auf 7:1 bzw. 4,5:1. Diese Schwellen sind die Erfolgskriterien 1.4.3 und 1.4.6 der WCAG 2.2.

Wie rechne ich einen HEX-Code in RGB um?

Teilen Sie den Code in drei Paare und wandeln Sie jedes von Basis 16 in Basis 10 um: #10B981 ergibt 10 = 16, B9 = 185, 81 = 129, also RGB(16, 185, 129). Eine Kurzform wie #0f8 steht für #00ff88.

Ist die Umrechnung von RGB in CMYK für den Druck zuverlässig?

Sie liefert eine Größenordnung. Die Formel K = 1 − Max(R, G, B) berücksichtigt kein ICC-Profil von Papier und Druckmaschine, die gedruckte Farbe kann also vom Bildschirm abweichen. Fragen Sie Ihre Druckerei nach profilgerechten Werten.

Ist meine Farbe mit weißer Schrift lesbar?

Berechnen Sie (L hell + 0,05) ÷ (L dunkel + 0,05). Das Grün #10B981 erreicht mit Weiß nur 2,54:1, unter der AA-Schwelle von 4,5:1, mit Schwarz aber 8,28:1. Das Tool wählt automatisch die besser lesbare Schriftfarbe.

Ist das Tool wirklich kostenlos?

Ja, alle Werkzeuge auf Kristools sind zu 100% kostenlos und ohne Registrierung zugänglich.

Sind meine Daten geschützt?

Ja. Die gesamte Verarbeitung erfolgt sicher und direkt in Ihrem Browser. Es werden keine persönlichen Daten an unsere Server gesendet.