WCAG Farb-Kontrast-Checker
Berechne live das WCAG-Kontrastverhaeltnis zweier Farben und pruefe AA/AAA fuer Normal- und Grosstext.
💡 Wozu ist das gut?
Prueft, ob Text auf einem Hintergrund gut lesbar ist (nach den Barrierefreiheits-Standards WCAG). Wichtig fuer Zugaenglichkeit - und teils gesetzlich gefordert.
Kontrastverhaeltnis
--
Bereich 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiss)
Live-Vorschau
Normaltext: Schnelle braune Fuechse springen ueber faule Hunde.
Grosstext: Barrierefreiheit zaehlt.
| Kriterium | Schwelle | Ergebnis |
|---|---|---|
| AA · Normaltext | ≥ 4.5:1 | -- |
| AA · Grosstext | ≥ 3:1 | -- |
| AAA · Normaltext | ≥ 7:1 | -- |
| AAA · Grosstext | ≥ 4.5:1 | -- |
Grosstext = 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 →