So funktioniert die Berechnung
Dieser Rechner konvertiert eine Farbe zwischen vier gängigen Darstellungssystemen. HEX verwendet sechs hexadezimale Ziffern (00–FF pro Kanal) mit vorangestelltem #. RGB definiert Rot, Grün und Blau von 0 bis 255. HSL beschreibt den Farbton in Grad (0–360), Sättigung und Helligkeit in Prozent. CMYK ist das subtraktive Druckmodell mit Cyan, Magenta, Gelb und Schwarz.
Der Kontrastprüfer berechnet das relative Luminanzverhältnis zwischen zwei Farben gemäß WCAG 2.1. Ein Verhältnis von 4,5:1 erfüllt AA für normalen Text; 3:1 für großen Text (≥18pt oder ≥14pt fett). AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text.
Häufige Fehler vermeiden
- Annehmen, dass Bildschirmfarben dem Druck entsprechen. RGB/HEX sind additive Modelle (Bildschirm). CMYK ist subtraktiv (Tinte). Die Konvertierung ist eine Annäherung, und gedruckte Farben können deutlich abweichen.
- Die Barrierefreiheit des Kontrasts ignorieren. Text, der gut aussieht, kann für Menschen mit eingeschränkter Sehkraft unlesbar sein. Prüfe immer das Kontrastverhältnis, um mindestens WCAG AA zu erfüllen.
- HSL mit HSV/HSB verwechseln. HSL und HSV sehen ähnlich aus, aber L (Helligkeit/Lightness) und V/B (Hellwert/Brightness) liefern bei gleichen Zahlenwerten unterschiedliche Ergebnisse.
Rechenbeispiel
Das Google-Blau (#4285F4) in andere Formate umrechnen.
HEX → RGB: 42 = 66, 85 = 133, F4 = 244 → RGB(66, 133, 244).
RGB → HSL: Farbton ≈ 217°, Sättigung ≈ 90 %, Helligkeit ≈ 61 %.
RGB → CMYK: C ≈ 73 %, M ≈ 45 %, Y ≈ 0 %, K ≈ 4 %.