WCAG-Kontrast-Checker

Der WCAG-Kontrast misst den Helligkeitsunterschied zwischen Text und Hintergrund als Verhältnis von 1:1 bis 21:1. Stufe AA verlangt mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Stufe AAA verlangt 7:1 und 4,5:1.

Aktualisiert am

HEX anklicken zum Kopieren · Schloss zum Fixieren

So funktioniert es

  1. Erzeuge oder lade eine Palette. Die Matrix kombiniert jede Hintergrundfarbe mit allen anderen als Textfarbe.
  2. Suche Zellen mit AA oder AAA für normalen Text. AA18 genügt nur für großen Text.
  3. Mit „Kombination testen“ siehst du eine echte Überschrift und einen Absatz im gewählten Paar.

Häufige Fragen

Was gilt bei WCAG als großer Text?

Text mit mindestens 18 Punkt (etwa 24 px) oder 14 Punkt (etwa 18,7 px) in Fettschrift. Für diese Größe akzeptiert WCAG 2.2 auf Stufe AA einen Mindestkontrast von 3:1.

Wie wird das Kontrastverhältnis berechnet?

Zur relativen Leuchtdichte jeder Farbe wird 0,05 addiert, dann wird der hellere Wert durch den dunkleren geteilt. Das Ergebnis reicht von 1:1 (gleiche Farbe) bis 21:1 (Schwarz auf Weiß).

Gilt der Kontrast auch für Symbole und Rahmen?

Ja. Das WCAG-Kriterium 1.4.11 verlangt mindestens 3:1 für Bedienelemente und Grafiken, die zum Verständnis nötig sind, etwa Symbole, Eingaberahmen und Diagrammlinien.