WCAG-Farbkontrast-Prüfer – AA/AAA-Check
HEX-Werte für Text- und Hintergrundfarbe eingeben und sofort den WCAG-2.1-Kontrastwert samt AA/AAA-Ergebnis sehen
Gib die HEX-Codes für Text- und Hintergrundfarbe ein, und das Tool berechnet den Kontrastwert nach der WCAG-2.1-Formel für relative Leuchtdichte und prüft, ob AA oder AAA erreicht wird.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Text- (Vordergrund-) und Hintergrundfarbe als HEX-Code wählen.
- Kontrastverhältnis und WCAG-AA/AAA-Ergebnis prüfen.
FAQ
- Welchen Kontrastwert verlangt WCAG AA?
- Normaler Text braucht mindestens 4,5:1, großer Text (ab 18pt) mindestens 3,0:1, um AA zu bestehen.
- Was unterscheidet AAA von AA?
- AAA ist die strengere Stufe – 7:1 für normalen Text und 4,5:1 für großen Text – und wird vor allem für Behörden- und Finanzseiten empfohlen.
- Müssen Logos oder dekorative Bilder diesen Wert auch einhalten?
- Nein. Die WCAG-Kontrastregeln gelten für Fließtext und UI-Komponenten; Logos, rein dekorative Elemente und deaktivierter Text sind ausgenommen.