Klicke um den Farbkontrast zu prüfen
Farbkontrast
4.5:1
WCAG-Konformität
Normaler Text
AA
AAA
Großer Text
AA
AAA
Grafiken & Benutzeroberfläche
AA
Ups! Du kannst den Kontrast nicht überprüfen.
Der Online-Kontrast-Checker funktioniert mit
Noch nicht bereit sind
Visuelles Beispiel
Großer Text
Normaler oder kleiner Text, Text unterhalb von XY Pixel hier. Normaler oder kleiner Text, Text unterhalb von XY Pixel hier.
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 |