Farbkontrast-Prüfer - WCAG 2.1 konform

Geben Sie Vordergrund- und Hintergrundfarben ein, um das WCAG 2.1-Kontrastverhältnis zu berechnen und AA/AAA-Konformitätsergebnisse zu erhalten. Zeigen Sie die tatsächliche Textdarstellung mit Ihren gewählten Farben in der Vorschau an.

12.63:1
Normaler Text Großer Text
AA Pass Pass
AAA Pass Pass

Zwölf Boxkämpfer jagten Eva quer über den Sylter Deich

Vorschau großer Text

Was ist Kontrast-Prüfer?

Der Kontrast-Prüfer berechnet und bewertet das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarben gemäß WCAG 2.1 (Web Content Accessibility Guidelines). Er hilft sicherzustellen, dass Text- und Hintergrundfarbkombinationen ausreichend Kontrast für die Barrierefreiheit aufweisen.

Verwendung

  1. Wählen Sie die Vordergrundfarbe (Textfarbe) mit dem Farbwähler oder der HEX-Eingabe
  2. Wählen Sie die Hintergrundfarbe mit dem Farbwähler oder der HEX-Eingabe
  3. Überprüfen Sie das Kontrastverhältnis und die WCAG AA/AAA-Ergebnisse
  4. Zeigen Sie die tatsächliche Textdarstellung in der Vorschau an

FAQ

Was ist der Unterschied zwischen WCAG AA und AAA?
AA ist der Mindeststandard (4,5:1 für normalen Text, 3:1 für großen Text), AAA ist erweitert (7:1 für normalen Text, 4,5:1 für großen Text).
Was gilt als großer Text?
Text von 18px oder größer oder fetter Text von 14px oder größer gilt als großer Text.
Wie verwende ich dieses Tool?
Geben Sie einfach Vordergrund- und Hintergrundfarbe über den Farbwähler oder das HEX-Eingabefeld ein. Kontrastverhältnis und WCAG-Ergebnisse werden sofort angezeigt.
Werden meine Daten an einen Server gesendet?
Nein. Die gesamte Verarbeitung erfolgt im Browser; es werden keine Daten an Server gesendet.
Was tun, wenn das Kontrastverhältnis nicht ausreicht?
Versuchen Sie, die Textfarbe dunkler oder den Hintergrund heller zu machen (oder umgekehrt), oder erhöhen Sie die Schriftgröße.

Verwandte Tools

Updateverlauf

Zuletzt aktualisiert: 2026-02-20

  • 2026-02-20 Erstveröffentlichung