Farbe
Kontrastprüfung
Prüfe ein Vorder- und Hintergrundpaar gegen WCAG AA und AAA.
Große Überschrift
Normaler Fließtext mit 18 Pixeln, die Größe für die meisten Texte.
Kleingedrucktes mit 14 Pixeln, der schwierigste Fall.
2.38Kontrastverhältnis
AA normaler Text
braucht 4.5:1
AA großer Text
braucht 3:1
AAA normaler Text
braucht 7:1
AAA großer Text
braucht 4.5:1
AA UI-Komponenten
braucht 3:1
Passende Anleitungen
HEX, RGB, HSL und die neueren FarbräumeWie HEX, RGB, HSL, LCH und OKLCH zusammenhängen, warum eine HSL-Palette in den Mitteltönen matschig wird und was Gamut-Clipping und Alpha-Compositing mit der Farbe machen, die am Ende herauskommt.WCAG-Farbkontrast erreichen, ohne zu ratenWas ein Kontrastverhältnis misst, die Schwellenwerte AA und AAA für Text und Interface-Komponenten und die Fehler mit Grau auf Weiß, die still und leise jedes Mal durchfallen.