Web / Entwickler
Farbkontrast-Prüfer
Prüfe Vordergrund- und Hintergrundfarben auf Lesbarkeit. Das Tool berechnet das Kontrastverhältnis lokal im Browser, zeigt eine Vorschau und erstellt direkt passenden CSS-Code.
Farben eingeben
Wähle die Textfarbe und Hintergrundfarbe aus oder trage Hex-Werte direkt ein.
Ergebnis
Live-Vorschau
Dies ist ein Beispieltext für eine Webseite. Er zeigt, ob Fließtext, Buttons und Hinweise gut lesbar bleiben.
| Prüfung | Grenzwert | Status |
|---|
Gib zwei Farben ein und starte die Prüfung.
Ausgabe
Der Bericht kann kopiert oder als Datei heruntergeladen werden.
Warum Kontrast wichtig ist
Ausreichender Kontrast verbessert die Lesbarkeit von Texten, Buttons, Formularen und Hinweisen. Das hilft nicht nur Menschen mit Sehbeeinträchtigungen, sondern auch Nutzern auf mobilen Geräten, bei Sonnenlicht oder mit schlechten Displays.
Was geprüft wird
Das Tool berechnet aus beiden Farben die relative Helligkeit und daraus das Kontrastverhältnis. Zusätzlich werden typische Grenzwerte für normalen Text, großen Text und UI-Elemente angezeigt.