Übersicht

Contrast Finder

Text- und Hintergrundfarbe wählen · passende Kontraste finden

Kontrastverhältnis
Überschrift auf dem Hintergrund
So wirkt lesbarer Fließtext mit der gewählten Kombination aus Text- und Hintergrundfarbe.
Large · 24px
Aa Bb Cc 123
Normal · 16px
Der schnelle braune Fuchs springt über den faulen Hund.
FailAA Normal
FailAA Large
FailAAA Normal
FailAAA Large

WCAG 2.1 Kontrastregeln

Welche Regel gilt, hängt von Schriftgröße und Fettung ab. Status bezieht sich auf das aktuelle Verhältnis.

Norm Mindest­verhältnis Gilt für Status
AA Normal 4,5 : 1 < 18 pt / 24 px, oder < 14 pt / ~18,7 px fett Fail
AA Large 3 : 1 ≥ 18 pt / 24 px, oder ≥ 14 pt / ~18,7 px fett Fail
AAA Normal 7 : 1 wie AA Normal (strengere Stufe) Fail
AAA Large 4,5 : 1 wie AA Large (strengere Stufe) Fail
AA UI / Grafik 3 : 1 Icons, Borders, Fokus-Ringe, Formular­elemente (nicht-Text) Fail

1 pt ≈ 1,333 px. „Large Text“ = mind. 24 px regular oder ~18,7 px bold. Die Badges oben spiegeln Textkontrast (1.4.3 / 1.4.6); die UI-Zeile entspricht 1.4.11.