Mit normalem Text beginnen
AA-Grenzwert für Text in Absätzen, Beschriftungen und Schaltflächen. Normaler Text benötigt für AAA 7:1.
CometWeb Tools
Kontrast-Checker — WCAG 2.2
Wähle Text- und Hintergrundfarbe. Prüfe die Vorschau und die Kontrastwerte nach WCAG 2.2.
KostenlosKein Konto erforderlich
Farben
HEX-Code einfügen oder eine Farbe auswählen.
Die Berechnung erfolgt im Browser. Farben werden nicht zur Analyse gesendet.
Kontrastpaare
Kontrastverhältnis
19,17: 1
AA normaler Text: erfüllt
Vorschau: Überschrift 24 px · Text 16 px
Beispiel für großen Text
Beispiel für normalen Text
0123456789 · @ & %
AA normaler Text≥ 4,5:1erfüllt
AA großer Text≥ 3:1erfüllt
AAA normaler Text≥ 7:1erfüllt
AAA großer Text≥ 4,5:1erfüllt
Die Anzeige ist gerundet. Die Bewertung nutzt den ungerundeten Wert.
Welcher Grenzwert gilt?
Geprüft wird ein Paar deckender Farben, nicht die Barrierefreiheit der ganzen Seite. Bei Verläufen, Bildern und Transparenz zählt der tatsächliche Hintergrund hinter dem Text.
Kontrastregeln des W3C ↗Für großen Text gilt ein anderer Wert
AA für Text ab 24 px oder fetten Text ab etwa 18,67 px. Großer Text benötigt für AAA 4,5:1.
Auch das fertige Design prüfen
Text in seiner tatsächlichen Größe prüfen. Links, Platzhalter sowie Hover- und Fokuszustände separat testen. Das Ergebnis bewertet keine anderen Elemente.
Sie hellt die Textfarbe auf oder dunkelt sie ab, bis sie auf dem gewählten Hintergrund 4,5:1 erreicht. Der Hintergrund bleibt unverändert. Prüfe die neue Farbe im Design: Sie kann von deiner Markenfarbe abweichen.
Nein. Das Tool berechnet den Kontrast zwischen zwei Farben und vergleicht ihn mit den Grenzwerten für Text. Es prüft weder die Website noch Tastaturbedienung, Bildbeschreibungen oder andere Anforderungen.
Der Rechner akzeptiert HEX mit 3 oder 6 Stellen ohne Alphakanal. Ermittle bei transparentem Text zuerst die resultierende Farbe auf dem konkreten Hintergrund. Prüfe bei Bildern und Verläufen die kontrastärmste Stelle hinter dem Text.
Dieses Tool löst ein Problem nach dem anderen
Automatisierte WCAG-2.2-Tests mit Fehlerliste und Maßnahmenplan.