Farbkontrast prüfen

Prüft, ob Text- und Hintergrundfarbe ausreichend Kontrast haben – nach den Kriterien der Web Content Accessibility Guidelines (WCAG).

Ihre Eingaben werden nur in diesem Browser verarbeitet und nicht übertragen.

Werkzeug wird geladen …

So funktioniert es

  1. Text- und Hintergrundfarbe eingeben oder auswählen.
  2. „Kontrast prüfen“ klicken.
  3. Ergebnis und Vorschau ansehen; Änderungen werden danach sofort berücksichtigt.

Hinweise und Einschränkungen

  • AA verlangt mindestens 4,5 : 1 für normalen und 3 : 1 für großen Text (ab 24 px bzw. 18,66 px fett). AAA verlangt 7 : 1 bzw. 4,5 : 1.
  • Bedienelemente und Grafiken benötigen mindestens 3 : 1 zur Umgebung.
  • Das Verhältnis wird abgerundet angezeigt, damit 4,49 nicht fälschlich als 4,5 erscheint.
  • Transparente Farben werden ohne Transparenz bewertet.