Was ist der Farbkontrast-Checker?

Verwenden Sie unseren kostenlosen Online-Farbkontrastprüfer, um sofort das Kontrastverhältnis zwischen Vorder- und Hintergrundfarben zu bewerten. Speziell für Designer, Entwickler und Content-Ersteller zeigt er in Echtzeit die WCAG-AA/AAA-Konformität für normalen Text, große Schrift und Grafiken/UI-Elemente. Tauschen Sie Farben und erhalten Sie sofortiges Bestehen-/Nichtbestehen-Feedback zu Barrierefreiheitsgrenzwerten (z. B. 4,5:1 für normalen Text und 3:1 für große Schrift). Die intuitive Oberfläche hilft dabei, Farbschemata für bessere Lesbarkeit und inklusives Webdesign anzupassen – kein Download erforderlich. Optimieren Sie die Farbauswahl Ihrer Website, um die Benutzerfreundlichkeit zu steigern, Standards der Barrierefreiheit zu erfüllen und ein zugänglicheres Nutzererlebnis zu bieten.

WCAG-Konformität

Element Was AA-Anforderung AAA-Anforderung
Normaler Text

AA regulärer Fließtext

unterhalb 18pt (24px) oder

unterhalb 14pt (18.66px) fett

4.5:1 7:1
Großer Text

Überschriften, große Beschriftungen

oberhalb 18pt (24px) oder

oberhalb 14pt (18.66px) fett

3:1 4.5:1
Grafiken & Benutzeroberfläche

Bedeutungsvolle nicht-textliche Elemente

Symbole, Formularrahmen, Schaltflächen

3:1