FREE WCAG COLOR CONTRAST CHECKER

Kostenloser WCAG-Farbkontrast-Prüfer

Prüfe sofort, ob Text- und Hintergrundfarbe nach WCAG 2.2 gut lesbar sind.

Farben und Ergebnisse werden weder an einen Server gesendet noch gespeichert.

  1. 1Farben eingeben
  2. 2Kontrast prüfen
  3. 3Ergebnis kopieren

1 · Farben eingeben

Wähle die zu vergleichenden Farben

Auf deinem Gerät berechnet

Nutze den Farbwähler oder einen 3- bzw. 6-stelligen HEX-Wert.

Beispielpaare

2 · Kontrast prüfen

WCAG-2.2-Kontrastergebnis

Kontrastverhältnis—
  • AA normaler Textmindestens 4,5:1—
  • AA großer Textmindestens 3:1—
  • AAA normaler Textmindestens 7:1—
  • AAA großer Textmindestens 4,5:1—
  • UI-Komponentenmindestens 3:1—

3 · Ergebnis kopieren

Live-Farbvorschau

Normaler Text — prüfe, ob Fließtext gut lesbar bleibt.

Vorschau für großen TextButton-Beispiel

Geprüft werden nur deckende, einfarbige sRGB-Farben. Transparenz, Verläufe, Bilder und die gesamte Seite werden nicht bewertet.

Kostenloser Leitfaden zur Farb-Barrierefreiheit

Prüfe ein lesbares Paar mit zwei Farben

WCAG-2.2-Kontrast kostenlos und ohne Konto oder Installation berechnen.
1

Zwei Farben eingeben

Gib Vordergrund und den direkt dahinterliegenden Hintergrund ein.

2

Grenzwerte prüfen

Lies AA und AAA für normalen, großen Text und UI getrennt ab.

3

Praxis ansehen

Prüfe Text und Komponenten in realistischen Größen.

WCAG-Kontrast verstehen

Ein Verhältnis, mehrere Grenzwerte

Der Mindestwert hängt von Textgröße und Konformitätsstufe ab.

Normaler Text 4,5:1

WCAG AA fordert für normalen Text mindestens 4,5:1.

Großer Text 3:1

Großer Text besteht AA ab 3:1.

UI braucht 3:1

Erforderliche Bedienelemente und Grafiken brauchen 3:1.

FREE WCAG COLOR CONTRAST CHECKER FAQ

Fragen zum Farbkontrast

Erfahre mehr über kostenlose Nutzung, WCAG-Werte und Grenzen.
1Ist der Kontrastprüfer kostenlos?

Ja. Er ist ohne Konto und ohne Nutzungslimit kostenlos.

2Was ist der Unterschied zwischen AA und AAA?

AAA verlangt stärkeren Kontrast. Normaler Text braucht 4,5:1 für AA und 7:1 für AAA.

3Was gilt als großer Text?

Nach WCAG ungefähr 24px normal oder 18,66px fett.

4Beweist das Ergebnis die WCAG-Konformität meiner ganzen Website?

Nein. Geprüft wird ein Paar deckender Vollfarben. Tatsächliche Nachbarfarben, Zustände, Bilder und weitere Anforderungen müssen separat geprüft werden.