Prüfen Sie Farbkombinationen live nach den WCAG-Richtlinien.

Farben wählen

WCAG-Kontrastprüfung

21.00  : 1

WCAG AAA bestanden

Normaler Text
AA 4,5:1 AAA 7:1
Großer Text
AA 3:1 AAA 4,5:1
UI-Komponenten / Grafiken
Min. 3:1

Live-Vorschau

Beispiel

Überschrift

Kurzer Beispieltext, der zeigt, wie Ihre Farbkombination in der Praxis wirkt.

Kleiner Text bzw. Fußnote

Farbkontraste einfach prüfen und besser lesbar machen.

Mit dem Kontrast-Rechner kannst du den Farbkontrast zwischen Vordergrund und Hintergrund direkt online überprüfen. Wähle deine Farben aus und erfahre schnell, wie gut sie sich voneinander abheben. So kannst du Texte, Buttons und andere Elemente auf deiner Website besser lesbar gestalten.

Das kostenlose Webtool unterstützt dich dabei, passende Farbkombinationen zu finden und Kontraste unkompliziert zu vergleichen. Besonders hilfreich ist der Rechner, wenn du deine Website barriereärmer gestalten und die Anforderungen an eine gute Lesbarkeit berücksichtigen möchtest.

.