Kontrastrechner
Zwei Farben als Hex-Wert eingeben und sehen, ob der Kontrast für gut lesbaren Text reicht.
Kontrast 4,54 : 1
Beispieltext in Großschrift
Beispieltext in normaler Größe.
- AA, normaler Text (4,5): bestanden
- AA, großer Text (3): bestanden
- AAA, normaler Text (7): nicht bestanden
- AAA, großer Text (4,5): bestanden
Warum Kontrast zählt
Ausreichender Kontrast zwischen Text und Hintergrund macht Inhalte für alle besser lesbar, besonders bei Sonnenlicht auf dem Smartphone und für Menschen mit eingeschränktem Sehvermögen. Die Web-Richtlinien WCAG legen dafür Mindestverhältnisse fest.
Für normalen Text gilt in Stufe AA ein Verhältnis von mindestens 4,5 zu 1, für großen Text 3 zu 1. Stufe AAA verlangt 7 zu 1. Graue Schrift auf weißem Grund fällt oft knapp durch.
Was WCAG verlangt
Die Web Content Accessibility Guidelines (WCAG) legen Mindestkontraste für Text fest. Stufe AA fordert 4,5 zu 1 für normalen Text und 3 zu 1 für großen Text (ab 24 Pixel oder 18,66 Pixel fett). Stufe AAA fordert 7 zu 1 und 4,5 zu 1.
Das Verhältnis ergibt sich aus der relativen Leuchtdichte beider Farben: (heller Wert plus 0,05) geteilt durch (dunkler Wert plus 0,05). Schwarz auf Weiß erreicht den Höchstwert von 21 zu 1.
- Hex-Werte kannst du mit drei oder sechs Stellen schreiben, mit oder ohne Raute.
- Gute Kontraste helfen allen, besonders bei Sonne auf dem Display und bei Sehschwäche.
- Für barrierefreie Seiten ist AA in vielen Fällen vorgeschrieben.
Fragen und Antworten
Welcher Kontrast ist ausreichend?
Für normalen Text mindestens 4,5 zu 1 (AA). Für große Schrift reichen 3 zu 1.
Gilt das auch für Icons und Rahmen?
Für bedienbare Elemente und aussagekräftige Grafiken fordert WCAG 2.1 mindestens 3 zu 1.
Kostet das Tool etwas?
Nein. Das Tool ist kostenlos und braucht weder Anmeldung noch Installation. Es gibt keine feste Grenze für die Länge der Eingabe, die Grenze setzt nur der Arbeitsspeicher deines Geräts.
Gelten die Werte auch für Icons?
Für bedeutungstragende Bedienelemente und Grafiken verlangen die WCAG ein Verhältnis von mindestens 3 zu 1.