Farbkontrast prüfen

Das Werkzeug berechnet das Kontrastverhältnis zweier Farben und zeigt, welche Anforderungen aus WCAG 2.2 die Kombination erfüllt.

Textfarbe

HEX, RGB oder HSL

Hintergrundfarbe

HEX, RGB oder HSL

Kontrastverhältnis

10,44 : 1, Stufe AA für normalen Text bestanden

Ergebnis nach WCAG 2.2
Anforderung	Mindestens	Ergebnis
Normaler TextWCAG 1.4.3, Stufe AA	4,5 : 1	✓ Bestanden
Großer TextWCAG 1.4.3, Stufe AA	3 : 1	✓ Bestanden
Normaler TextWCAG 1.4.6, Stufe AAA	7 : 1	✓ Bestanden
Großer TextWCAG 1.4.6, Stufe AAA	4,5 : 1	✓ Bestanden
Bedienelemente und GrafikenWCAG 1.4.11, Stufe AA	3 : 1	✓ Bestanden

So geht’s

Textfarbe und Hintergrundfarbe als HEX, RGB oder HSL eingeben oder im Farbwähler wählen.
Kontrastverhältnis und Ergebnis je Anforderung erscheinen sofort, dazu eine Vorschau.
Reicht der Kontrast nicht, die Textfarbe dunkler oder heller wählen und erneut prüfen.

Beispiele

Schwarz auf Weiß

Der größtmögliche Kontrast: 21 : 1.

#000000
#FFFFFF

Knapp bestanden

Grau #767676 auf Weiß erreicht 4,54 : 1 und erfüllt damit Stufe AA für normalen Text.

#767676
#FFFFFF

Knapp verfehlt

Eine Stufe heller, #777777, erreicht 4,47 : 1. Für normalen Text reicht das nicht, für großen Text (ab 3 : 1) schon.

#777777
#FFFFFF

Die Grenzwerte

Stufe AA: normaler Text 4,5 : 1, großer Text 3 : 1, Bedienelemente und Grafiken 3 : 1. Stufe AAA: normaler Text 7 : 1, großer Text 4,5 : 1.

Häufige Fragen

Was gilt als großer Text?

Laut WCAG 2.2 Text ab 18 Punkt oder ab 14 Punkt in Fett. Das W3C nennt dafür ungefähr 24 px bzw. 18,5 px.

Welche Stufe brauche ich?

Üblich ist Stufe AA. Stufe AAA ist strenger; das W3C empfiehlt sie nicht als allgemeine Vorgabe für ganze Websites, weil sich nicht alle Inhalte damit umsetzen lassen.

Gilt das auch für Knöpfe und Symbole?

Ja. Für Bedienelemente, Rahmen von Eingabefeldern und Grafiken, die zum Verständnis nötig sind, verlangt Erfolgskriterium 1.4.11 mindestens 3 : 1 zur angrenzenden Farbe.

Wird das Ergebnis gerundet?

Die Anzeige ist auf zwei Stellen abgerundet. Bewertet wird ungerundet: Ein Verhältnis von 4,499 : 1 erfüllt die Grenze von 4,5 : 1 nicht.