Kontrastprüfer
Berechnet das Kontrastverhältnis zwischen zwei Farben und überprüft die WCAG-AA- und -AAA-Stufen.
Beispieltext
Überprüfe, wie ein Absatz mit dieser Farbkombination aussieht.
Kontrastverhältnis
17.74:1
Erfüllt ✓ · WCAG AA · normaler Text
Erfüllt ✓ · WCAG AA · großer Text
Erfüllt ✓ · WCAG AAA · normaler Text
Erfüllt ✓ · WCAG AAA · großer Text
Wie es funktioniert
Wählen Sie Text- und Hintergrundfarbe. Das Tool berechnet die relative Leuchtdichte und das Kontrastverhältnis, um anzuzeigen, ob die üblichen WCAG-Grenzwerte für normalen und großen Text eingehalten werden.
Häufig gestellte Fragen
Was bedeutet ein Verhältnis von 4,5:1?
Es ist einer der üblichen WCAG AA Schwellenwerte für normalen Text.
Werden in der Vorschau meine tatsächlichen Farben verwendet?
Ja. Der Beispielblock wendet exakt die ausgewählten Farben an.