Prüfe das Kontrastverhältnis zweier Farben gegen die Barrierefreiheitsstufen WCAG AA und AAA.
So nutzt du den Kontrast-Prüfer
Wähle eine Textfarbe und eine Hintergrundfarbe.
Lies das Kontrastverhältnis und die WCAG-Bewertungen ab.
Passe die Farben an, bis sie die benötigte Stufe erreichen.
Häufig gestellte Fragen
WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text (18pt oder 14pt fett). AAA verlangt 7:1 bzw. 4,5:1.
Text ab 24px (18pt) oder 18,66px (14pt) fett. Für großen Text ist ein geringeres Kontrastverhältnis zulässig.
Aus der relativen Leuchtdichte beider Farben nach der offiziellen WCAG-Formel, mit Werten von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).
Ein WCAG-Farbkontrast-Prüfer, der das genaue Kontrastverhältnis zwischen Text- und Hintergrundfarbe zeigt und prüft, ob die Stufen AA und AAA erfüllt sind.
Wähle Farben über das Farbfeld oder per Hex-Code und sieh eine Live-Vorschau. Guter Kontrast macht deine Seite lesbar und barrierefrei.
Verwandte Tools
Erzeuge SHA-1-, SHA-256-, SHA-384- und SHA-512-Hashes von beliebigem Text – direkt im Browser.
Konvertiere Farben zwischen HEX, RGB und HSL mit Live-Vorschau.
Wandle Unix-Timestamps in lesbare Daten um und zurück – UTC, lokal, ISO 8601 und relative Zeit. Sekunden und Millisekunden werden automatisch erkannt.
Prozent-kodiere und dekodiere URLs und URL-Komponenten, UTF-8-sicher.
Wir verwenden notwendige Cookies für den Betrieb der Seite. Mit deiner Einwilligung laden wir zusätzlich Google AdSense, das Werbe-Cookies setzt. Siehe unsere Datenschutzerklärung.