Kontrastrechner für Farben
Prüfen Sie, ob zwei Farben genug Kontrast für gute Lesbarkeit haben. Erhalten Sie das Verhältnis und die WCAG-AA- und AAA-Ergebnisse.
So funktioniert es
- 1
Textfarbe eingeben
Ein HEX-Code wie #333333.
- 2
Hintergrundfarbe eingeben
Ein HEX-Code wie #ffffff.
- 3
Ergebnis lesen
Das Verhältnis und bestanden/nicht bestanden je WCAG-Stufe.
Passende Tools
Diese Tools werden direkt im Anschluss genutzt.
Gemacht, um nicht im Weg zu stehen
487
Verfügbare Tools
6
Sprachen
0
Hinzugefügte Wasserzeichen
2h
Bis Ihre Dateien gelöscht sind
100%
Kostenloser Einstieg
∞
Unterstützte Geräte
Häufige Fragen
Mindestens 4,5:1 für normalen und 3:1 für großen Text, um AA zu bestehen.
Barrierefreier Text beginnt beim Kontrast
WCAG verlangt auf Stufe AA ein Kontrastverhältnis von mindestens 4,5:1 für normalen und 3:1 für großen Text; AAA erhöht das auf 7:1 und 4,5:1. Großer Text sind 24 px normal oder 18,66 px fett und mehr.
Das Verhältnis wird aus der relativen Luminanz beider Farben nach der WCAG-2-Formel berechnet. Ausreichender Kontrast hilft allen — besonders Menschen mit Sehschwäche oder bei Sonnenlicht auf dem Display.