WCAG Farb-Kontrast-Checker
Berechne live das WCAG-Kontrastverhältnis zweier Farben und prüfe AA/AAA für Normal- und Großtext.
💡 Wozu ist das gut?
Prüft, ob Text auf einem Hintergrund gut lesbar ist (nach den Barrierefreiheits-Standards WCAG). Wichtig für Zugänglichkeit - und teils gesetzlich gefordert.
Kontrastverhältnis
--
Bereich 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß)
Live-Vorschau
Normaltext: Schnelle braune Füchse springen über faule Hunde.
Großtext: Barrierefreiheit zählt.
| Kriterium | Schwelle | Ergebnis |
|---|---|---|
| AA · Normaltext | ≥ 4.5:1 | -- |
| AA · Großtext | ≥ 3:1 | -- |
| AAA · Normaltext | ≥ 7:1 | -- |
| AAA · Großtext | ≥ 4.5:1 | -- |
Großtext = ab 18 pt (24 px) bzw. 14 pt (18.66 px) fett. Berechnung nach WCAG 2.1 (relative Luminanz).
🐤 Soll Canary das dauerhaft im Blick behalten?
Dieses Tool prüft einmal. Canary prüft deine ganze Website jeden Tag und warnt dich sofort, wenn technisch etwas kaputtgeht und Google-Traffic kostet. Kostenlosen Health-Check starten →