Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Farbkontrast prüfen
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
Gut lesbarer Text bringt die Botschaft auf den Punkt.
Normaler Text · Aa 123
Kontrastverhältnis
Berechnung nach WCAG 2.2. Transparente Hintergründe werden über Weiß gelegt.
Über dieses Tool
Prüfen Sie das tatsächlich verwendete Farbpaar. Ein bestandener Farbtest bescheinigt noch keine barrierefreie Gesamtseite.
Anwendung
Text- und Hintergrundfarbe eingeben oder auswählen. Normaler Text benötigt 4,5 zu 1 für AA und 7 zu 1 für AAA; großer Text 3 zu 1 beziehungsweise 4,5 zu 1. Als groß gelten mindestens 24 px oder etwa 18,67 px in Fettschrift. Transparente Hintergründe werden auf Weiß verrechnet. Dies ist eine Kontrastprüfung, keine vollständige Barrierefreiheitsprüfung.
Häufige Fragen
Ab welcher Größe zählt Schrift als groß?
Ab 24px beziehungsweise etwa 18,67px bei Fettschrift. Normaler Text benötigt für AA/AAA 4,5:1/7:1, großer Text 3:1/4,5:1. Transparente Hintergründe werden zunächst auf Weiß verrechnet.
Warum kann trotz angezeigter 4,5:1 AA verfehlt werden?
Der angezeigte Wert ist auf zwei Nachkommastellen gerundet; die Prüfung verwendet den ungerundeten Wert. Erhöhen Sie den Kontrast, bis die gewünschte Prüfung tatsächlich bestanden ist.
Wie prüfe ich Text auf einem Foto oder Verlauf?
Prüfen Sie die tatsächlichen Hintergrundfarben hinter dem Text, besonders die kontrastärmste Stelle. Hier werden zwei Farben verglichen und transparente Hintergründe über Weiß gelegt; diese Annahme muss zur Seite passen.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0