Farbkontrast-Prüfer
WCAG-Kontrastverhältnis prüfen und AA-/AAA-Bestehen für gute Lesbarkeit sofort sehen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Ein Tool, das das WCAG-Kontrastverhältnis von Vordergrund- und Hintergrundfarbe berechnet und anzeigt, ob normaler und großer Text die Barrierefreiheitsstufen AA und AAA besteht. Eine echte Textvorschau wird mit angezeigt – praktisch für Designer und Entwickler, die Lesbarkeit und Web-Barrierefreiheit prüfen.
Anleitung
- Geben Sie Vordergrundfarbe (Text) und Hintergrundfarbe über den Farbwähler oder als HEX (#RRGGBB) ein.
- Prüfen Sie das berechnete Kontrastverhältnis und die AA-/AAA-Bestanden-Badges.
- Überprüfen Sie die Lesbarkeit anhand der echten Textvorschau mit eigenen Augen.
- Wird nicht bestanden, passen Sie die Farbe schrittweise an, bis mindestens 4,5:1 erreicht sind.
FAQ
- Was bedeuten AA und AAA?
- Das sind WCAG-Stufen der Web-Barrierefreiheit. Normaler Text erfordert AA 4,5:1 bzw. AAA 7:1, großer Text AA 3:1 bzw. AAA 4,5:1. Für Fließtext wird mindestens AA empfohlen.
- Was gilt als „großer Text"?
- Als großer Text gilt Text ab 18 pt (ca. 24 px) oder fetter Text ab 14 pt (ca. 18,7 px). Großer Text kann auch mit niedrigerem Kontrastverhältnis bestehen.
- Werden die eingegebenen Farben an einen Server gesendet?
- Nein. Die Kontrastberechnung erfolgt vollständig im Browser; die Farbwerte werden nicht an einen Server gesendet oder gespeichert.