Kontrast-Prüfer

WCAG-Farbkontraste prüfen. Zugänglichen Text sicherstellen.

Textfarbe (Vordergrund)

Hintergrundfarbe

Konformitätsvorschläge

Kontrastverhältnis6.75:1Leuchtkraft: Text 0.320 | BG 0.005

AA Normaler Text (4.5:1) BESTANDEN

AA Großer Text (3.0:1) BESTANDEN

AAA Normaler Text (7.0:1) FEHLGESCHLAGEN

AAA Großer Text (4.5:1) BESTANDEN

Interaktive Beispielwiedergabe

Normaler Text (14pt / 16px)

Design is not just what it looks like and feels like. Design is how it works.

Großer Text (18pt / 24px Fett)

Design is not just what it looks like and feels like. Design is how it works.

So funktioniert es

Legen Sie eine Vordergrund- (Text-) Farbe und eine Hintergrundfarbe fest.
Das Kontrastverhältnis wird berechnet und gegen WCAG-Stufen geprüft.
Sehen Sie auf einen Blick, ob es AA und AAA für normalen und großen Text besteht.
Passen Sie die Farben an, bis es besteht.

Es misst das WCAG-Kontrastverhältnis; die Lesbarkeit in der Praxis hängt auch von Schriftgröße, -stärke und Rendering ab — das Tool meldet die Schwellwerte für großen Text separat.
Es prüft ein einzelnes Vordergrund-/Hintergrundpaar, nicht eine gesamte Oberfläche auf einmal.

WCAG AA benötigt 4,5:1 für normalen Text und 3:1 für großen Text; AAA benötigt 7:1 und 4,5:1. Das Tool zeigt, welche Stufen Ihr Paar besteht.

Größerer, kräftigerer Text ist leichter zu lesen, daher erlaubt WCAG dafür einen niedrigeren Kontrastschwellwert. Der Checker meldet beide Fälle.

Nein. Die Kontrastberechnung läuft vollständig in Ihrem Browser.