Kontrast-Checker: WCAG AA und AAA – kostenlos
Kostenlos, ohne Anmeldung, läuft in deinem Browser. Prüfe mit dem WCAG-Kontrastverhältnis, ob Text auf seinem Hintergrund lesbar ist, sieh die AA- und AAA-Ergebnisse für normalen Text, großen Text und Bedienelemente und erhalte die nächstgelegene Farbe, die besteht.
So liest sich großer Text
So sieht normaler Fließtext aus. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern, und Kleingedrucktes wie eine Bildunterschrift steht darunter.
Kleiner Text: 14px-Bildunterschrift.
ButtonKontrastverhältnis13.08:1
- Normaler Text, AA: BestandenFließtext, mindestens 4,5:1
- Normaler Text, AAA: BestandenErhöht, mindestens 7:1
- Großer Text, AA: BestandenAb 18pt oder ab 14pt fett, mindestens 3:1
- Großer Text, AAA: BestandenErhöht, mindestens 4,5:1
- Symbole und Bedienelemente, AA: BestandenButtons, Rahmen, Diagrammlinien: 3:1
Nutzt die WCAG-2-Kontrastformel. Verhältnisse werden nie aufgerundet, 4,49:1 zählt also nicht als 4,5:1. Geprüft auf deinem Gerät.
Warum Farbkontrast prüfen nutzen
- 100 % kostenlos
- Nutze es so oft du willst. Ohne Anmeldung, ohne Wasserzeichen, ohne Installation.
- Privat von Grund auf
- Was du eingibst, bleibt in deinem Browser und wird nie an uns gesendet.
- Läuft auf jedem Gerät
- Läuft in deinem Browser unter Windows, Mac, Linux, Android und auf dem iPhone. Keine App nötig.
So nutzt du Farbkontrast prüfen
- Gib die Textfarbe und die Hintergrundfarbe ein oder wähle sie aus.
- Lies das Kontrastverhältnis und die Ergebnisse (bestanden oder nicht bestanden) ab.
- Wenn es nicht besteht, klicke auf eine vorgeschlagene Farbe, die besteht.
Häufige Fragen
- Welches Kontrastverhältnis brauche ich?
- WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text und Bedienelemente wie Buttons und Icons. AAA verlangt 7:1 und 4,5:1.
- Was gilt als großer Text?
- Mindestens 18 Punkt (24px) normal oder 14 Punkt (etwa 18,7px) fett.
- Funktioniert das mit transparenten Textfarben?
- Ja. Eine durchscheinende Textfarbe wird mit dem Hintergrund verrechnet, bevor der Kontrast gemessen wird.
- Warum besteht 4,49:1 nicht?
- Laut WCAG dürfen Verhältnisse nicht aufgerundet werden, daher erfüllt alles unter 4,5:1 nicht AA für normalen Text.
- Ist Farbkontrast prüfen kostenlos?
- Ja. Die Nutzung ist kostenlos, ohne Anmeldung und ohne Installation.
Ähnliche Tools
- HEX-in-RGB-FarbrechnerRechne eine Farbe in einem Schritt zwischen HEX, RGB, HSL, HSV und CMYK um, inklusive Transparenz. Füge einen Code in einem beliebigen Format ein oder wähle eine Farbe, kopiere dann das benötigte Format und prüfe den Textkontrast.
- Farbpaletten-GeneratorErzeuge Farbpaletten auf Tastendruck, fixiere die Farben, die dir gefallen, oder baue eine Palette aus einer Grundfarbe mit analogen, komplementären oder triadischen Harmonien. Export als CSS-Variablen, Tailwind oder JSON.
- Farbnamen findenFinde den Namen jeder Farbe: Füge einen HEX-, RGB- oder HSL-Code ein und erhalte die nächstgelegenen CSS-Farbnamen, eine einfache Beschreibung und die vollständige Liste aller 148 benannten Farben zum Stöbern.