Überblick
Farbkontraste für Texte und UI prüfen. WCAG AA/AAA auf einen Blick, inklusive Vorschau.
Wofür es passt
- Barrierefreiheit für Buttons, Texte und Links testen.
- Designvarianten schnell vergleichen.
- Kontrastprobleme früh im Prozess erkennen.
Warum es hilft
- Sofortige Bewertung für AA und AAA.
- Vorschau für typische Textgrößen.
- Alles lokal im Browser, ohne Upload.
So funktioniert es
- Vorder- und Hintergrundfarbe wählen.
- Kontrastwert und Status ablesen.
- Farben anpassen, bis alles passt.
Tipps
- Für normalen Text gilt 4.5:1 (AA) als Mindestwert.
- Für große Schrift reichen 3:1.
- AAA lohnt sich für lange Lesestrecken.
Beispiele
Beispiel: Du prüfst Button‑ und Textfarben für deine Website. Das Tool zeigt sofort AA/AAA‑Kontrastwerte. Das Ergebnis aus Kontrast Checker kannst du direkt kopieren, speichern oder in deinen Workflow übernehmen. Ideal für WCAG‑Checks, wenn UI‑Farben barrierefrei abgestimmt werden müssen.
Passende Farb-Werkzeuge
Datenschutz
Die Verarbeitung passiert lokal im Browser. Es werden keine Daten hochgeladen.