Prüfe das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe mit AA/AAA-Ergebnissen.
Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.
Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.
Datenschutz →Setze die Textfarbe auf #767676 und den Hintergrund auf #ffffff. Das Verhältnis beträgt 4.54:1 und besteht AA für normalen Text. Eine Nuance heller ergibt #777777 nur 4.48:1 und fällt durch, denn AA verlangt für normalen Text mindestens 4,5:1.
Großer Text (etwa 24px oder 18,7px fett) braucht für AA nur 3:1. Das Verhältnis berücksichtigt keine dünnen Schriften, Text über Bildern oder Transparenz – prüfe also auch das echte Design und vermittle Bedeutung nie allein über Farbe.
Vergleiche eine Vordergrund- und Hintergrundfarbe, um das WCAG-Kontrastverhältnis zu sehen und ob es AA und AAA besteht – alles lokal in deinem Browser berechnet.