Kontrast prüfen
Prüfen, ob Text- und Hintergrundfarbe genug Kontrast nach WCAG 2.2 haben, etwa für barrierefreie Websites und Dokumente.
Farben
Erlaubt sind Angaben wie in CSS: #3A55E0, #FFF, rgb(58 85 224) oder hsl(230 73% 55%). Text darf halbtransparent sein, der Hintergrund muss deckend sein.
Vorschau
Großer Text, 24 Pixel
Normaler Text in 16 Pixel. Der Mieter zahlt die Miete bis zum dritten Werktag.
Kleiner Text in 13 Pixel, etwa für Hinweise.
Kontrastverhältnis
Großer Text heißt nach WCAG: ab 18 Punkt (24 Pixel) oder fett ab 14 Punkt (etwa 18,7 Pixel).
So funktioniert es
Gib die Textfarbe und die Hintergrundfarbe ein oder wähle sie aus. Das Werkzeug berechnet das Kontrastverhältnis nach der Formel der WCAG 2.2 und zeigt, welche Anforderungen erfüllt sind. Das Verhältnis wird abgerundet angezeigt: 4,49:1 reicht nicht für 4,5:1.
Welche Werte gelten?
Für Stufe AA braucht normaler Text mindestens 4,5:1, großer Text 3:1 (Erfolgskriterium 1.4.3). Für Stufe AAA sind es 7:1 und 4,5:1 (1.4.6). Rahmen von Eingabefeldern, Symbole und andere Bedienelemente brauchen mindestens 3:1 zu ihrer Umgebung (1.4.11). Quelle: Web Content Accessibility Guidelines (WCAG) 2.2, W3C-Empfehlung vom 12. Dezember 2024.
Deine Farben bleiben auf deinem Gerät
Die Berechnung läuft direkt in deinem Browser, es wird nichts gesendet oder gespeichert. Nach dem Laden der Seite funktioniert das Werkzeug auch ohne Internetverbindung.