WCAG Color Contrast Checker
Calculate the WCAG contrast ratio of two colors live and check AA/AAA compliance for normal and large text.
💡 What's this for?
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).
🐤 Want Canary to keep an eye on this for you?
This tool checks once. Canary checks your whole website every day and alerts you instantly when something breaks technically and costs you Google traffic. Start a free health check →