Design & Web
Contrast Checker / WCAG Validator
Prüfe Farbkontraste nach WCAG 2.1 und erkenne sofort, ob deine Farbkombinationen für Texte barrierefrei und gut lesbar sind.
Kontrastanalyse
0.00:1
-
Was bedeuten die WCAG Stufen?
Die Web Content Accessibility Guidelines (WCAG) regeln die Barrierefreiheit im Netz. Für Textkontraste gelten zwei wichtige Schwellenwerte:
- Stufe AA: Erfordert ein Mindestverhältnis von 4.5:1 für normalen Text.
- Stufe AAA: Der höchste Standard verlangt mindestens 7:1 für kompromisslose Lesbarkeit.
Privat und direkt im Browser
Die Berechnung der relativen Luminanz erfolgt mathematisch direkt über JavaScript im Frontend deines Endgeräts.
Es findet kein Datenverkehr mit Servern statt. Deine Design-Entwürfe bleiben vollständig geschützt und privat.
FAQ zum Contrast Checker
Was misst der Contrast Checker?
Das Tool berechnet das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe und zeigt dir direkt, ob der Wert WCAG AA oder AAA erfüllt.
Welche Werte gelten als gut lesbar?
Für normalen Text sollte das Verhältnis mindestens 4.5:1 betragen. Höhere Werte sind besonders bei kleinen Schriftgrößen oder schwachem Licht empfehlenswert.
Kann das Tool auch für Grafiken genutzt werden?
Ja. Es prüft jede Farbkombination, die du eingibst, und eignet sich sowohl für Text als auch UI-Elemente wie Buttons oder Karten.