Barrierefreiheits-Checker für Farben
Gib eine HEX-Farbe ein und prüfe sofort den Kontrast auf hellen und dunklen Hintergründen. Mit Verhältnis, Bestanden/Nicht bestanden und Textempfehlung.
#000000Auf Weiß
3.68:1Aa
Accessible sample text
Auf Schwarz
5.71:1Aa
Accessible sample text
So verwendest du den Farb-Checker
- Gib eine HEX-Farbe ein oder wähle sie im Farbwähler.
- Prüfe das Kontrastverhältnis auf Weiß und Schwarz.
- Nutze das WCAG-Ergebnis, um lesbare Text- und UI-Farben auszuwählen.
Warum Farbkontrast wichtig ist
Guter Kontrast verbessert die Lesbarkeit für Menschen mit Sehschwächen, Farbsehstörungen und bei schwierigen Lichtverhältnissen.
Die WCAG empfiehlt mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Höherer Kontrast ist meist für alle besser lesbar.
Die Berechnung erfolgt vollständig lokal im Browser, ohne Upload deiner Daten.
Häufig gestellte Fragen
Was ist ein Kontrastverhältnis? ▼
Es misst den Helligkeitsunterschied zwischen Vordergrund- und Hintergrundfarbe. Höhere Werte sind besser lesbar.
Welcher Wert besteht WCAG für normalen Text? ▼
Für WCAG AA werden mindestens 4,5:1 für normalen Text empfohlen.
Was gilt als großer Text? ▼
Großer Text ist in der Regel 18pt normal oder 14pt fett und braucht nur 3:1 für AA.
Warum auf Weiß und Schwarz prüfen? ▼
So erkennst du schnell, ob eine Farbe besser als heller oder dunkler Text geeignet ist.
Ist die Berechnung privat? ▼
Ja. Alles passiert vollständig lokal in deinem Browser.
Ähnliche Tools
Farbkonverter
Konvertieren Sie Farben zwischen HEX, RGB und HSL instantan. Visuelle Farbvorschau, WCAG-Kontrastprufer und generierte Palette. Die gesamte Verarbeitung lauft lokal in Ihrem Browser.
CSS-Gradient-Generator
Schöne CSS-Verläufe visuell erstellen. Linearen, radialen oder konischen Typ wählen, Farbstopps hinzufügen, Winkel anpassen und Live-Vorschau sehen. CSS mit einem Klick kopieren.
Meta-Tag-Builder
Generiere vollständige HTML-Meta-Tags, Open Graph und Twitter Card Tags für SEO und Social Sharing. Trage deine Daten ein und kopiere fertiges HTML.