Technik & Internet · Generator
Farbkontrast-Checker (WCAG)
Kontrastverhältnis zwischen Text- und Hintergrundfarbe prüfen – mit WCAG-Bewertung (AA/AAA) und Live-Vorschau. Für barrierearmes Webdesign.
Normaler Text – so liest sich der Inhalt.
Großer Text – Überschrift
Kontrastverhältnis
–
- AA – normaler Text (≥ 4,5:1)
- –
- AA – großer Text (≥ 3:1)
- –
- AAA – normaler Text (≥ 7:1)
- –
- AAA – großer Text (≥ 4,5:1)
- –
Wähle Text- und Hintergrundfarbe – die Bewertung aktualisiert sich automatisch.
Wähle Text- und Hintergrundfarbe und sieh das Kontrastverhältnis samt WCAG-Bewertung (AA und AAA für normalen und großen Text). Eine Live-Vorschau zeigt, wie lesbar die Kombination ist – wichtig für Barrierefreiheit.
Häufige Fragen
- Was bedeutet AA und AAA?
- WCAG-Stufen: AA verlangt mindestens 4,5:1 (großer Text 3:1), AAA mindestens 7:1. Je höher, desto besser lesbar.
- Warum ist Kontrast wichtig?
- Ausreichender Kontrast macht Texte für Menschen mit Sehschwäche und bei schlechten Lichtverhältnissen lesbar.