Farbkontrast-Prüfer

Dies ist ein WCAG-Farbkontrast-Checker, der das genaue Kontrastverhältnis zwischen einer Textfarbe und einer Hintergrundfarbe anzeigt und ob es die Barrierefreiheitsstufen AA und AAA erfüllt. Wähle Farben mit dem Farbfeld oder per Hex-Code und sieh eine Live-Vorschau.

Passe die beiden Farben an, bis die Kennzeichnungen die von dir benötigte Stufe erfüllen. Das Ergebnis aktualisiert sich dabei sofort.

Text, der in seiner Helligkeit zu nah am Hintergrund liegt, ist schwer oder gar nicht lesbar, besonders für Menschen mit Sehschwäche oder Farbsehschwäche oder für alle, die bei hellem Sonnenlicht auf ein Handy schauen. Genug Kontrast hält deine Inhalte für alle lesbar.

Die Web Content Accessibility Guidelines (WCAG) setzen den Standard. AA, die Stufe, die die meisten Websites anstreben und auf die sich viele Gesetze zur Barrierefreiheit beziehen, erfordert ein Verhältnis von 4,5:1 für normalen Text und 3:1 für großen Text. AAA ist mit 7:1 und 4,5:1 strenger.

Großer Text bekommt einen niedrigeren Schwellenwert, weil größere Buchstaben auch bei weniger Kontrast lesbar bleiben. Als groß gilt Text ab etwa 24px (18pt) oder 18,66px (14pt), wenn er fett ist.

Das Verhältnis ergibt sich aus der relativen Leuchtdichte der beiden Farben über die offizielle WCAG-Formel und liefert einen Wert von 1:1 (kein Kontrast, identische Farben) bis zu 21:1 (Schwarz auf Weiß).

Alles wird in deinem Browser berechnet, also ist es sofort verfügbar und privat. Nichts, was du auswählst, wird irgendwohin hochgeladen.