Kontrast-Checker

Mit unserem Kontrast-Checker nach WCAG Standards kannst du ganz einfach die Kontraste von Farben, Hintergründe, Texte und Überschriften testen.

Beispiele:

Wie funktioniert der Kontrast-Checker für Farben?

Du gibst einfach die HEX, RGB, HSL oder CMYK-Werte deiner gewünschten Textfarbe und Hintergrundfarbe direkt ein und klickst auf prüfen. Alternativ hast du die Möglichkeit rechts der Eingabefelder direkt in die Farbskala zu klicken und herum zu probieren.

Sobald du auf „Prüfen“ klickst bekommst du konkrete Ergebnisse, ob der Farbkontrast nach WCAG Standards insgesamt ausreichend bzw. gut ist.

Gleichzeitig brechen wir das nochmal herunter für Headlines und Texte, die nach WCAG andere Standards bei den Kontrasten aufweisen.