Farbkontrast prüfen
Geben Sie Text- und Hintergrundfarbe ein. Sie sehen sofort, ob die Kombination nach WCAG 2.2 lesbar genug ist, und welche Farbe am nächsten liegt, falls nicht.
Große Schrift ab 24 px
Normaler Text: So liest sich Fließtext in dieser Farbkombination, etwa ein Absatz auf Ihrer Website.
Kontrastverhältnis
3,05 : 1
Nur für große Schrift und Bedienelemente ausreichend. Für Fließtext braucht es mindestens 4,5 : 1; unten steht die nächste Farbe, die das schafft.
Normaler Text · AA· Nicht bestanden
mind. 4,50 : 1Fließtext, Menüs, Beschriftungen und die meisten Buttons.
Normaler Text · AAA· Nicht bestanden
mind. 7,00 : 1Die strenge Stufe, etwa für lange Texte und ältere Leser.
Große Schrift · AA· Bestanden
mind. 3,00 : 1Ab 24 px, fett ab 18,66 px: Überschriften und große Buttons.
Große Schrift · AAA· Nicht bestanden
mind. 4,50 : 1Die strenge Stufe für Überschriften.
Bedienelemente · AA· Bestanden
mind. 3,00 : 1Rahmen von Eingabefeldern, Symbole, Fokus-Rahmen (WCAG 1.4.11).
Nächste Farbe, die besteht
Gleicher Farbton, nur heller oder dunkler, gerade so weit wie nötig.
Textfarbe anpassen
- AA
#6b778d4,51 : 1 - AAA
#50596a7,05 : 1
Hintergrund anpassen
- AA
#2d2d2d4,50 : 1 - AAAmit dieser Gegenfarbe nicht erreichbar
Ihre Eingaben verlassen Ihr Gerät nicht: Das Tool rechnet vollständig in Ihrem Browser. Wir sehen und speichern nichts davon.
Was der Kontrast aussagt
01
Was wird gemessen?
Das Kontrastverhältnis vergleicht, wie hell zwei Farben für das Auge wirken. 1 : 1 heißt gar kein Unterschied, 21 : 1 ist Schwarz auf Weiß. Der Farbton spielt dabei keine Rolle, nur die Helligkeit.
02
Warum das zählt
Zu wenig Kontrast lesen viele Menschen schlecht: bei Sehschwäche, im Alter, am Handy in der Sonne. Die WCAG sind die Grundlage des Barrierefreiheitsstärkungsgesetzes, und Google zählt Lesbarkeit zur Seitenqualität.
03
Wie Sie das Ergebnis lesen
AA ist das Ziel für jede Website: 4,5 : 1 für normalen Text, 3 : 1 für große Schrift und für Bedienelemente wie Rahmen von Eingabefeldern. AAA ist die strengere Stufe. Fällt eine Prüfung durch, übernehmen Sie einfach die vorgeschlagene Farbe.
Häufige Fragen
Was frisst bei Ihnen die meiste Zeit?
Anfragen, Termine, Auftragsbestätigungen oder Rechnungen: In 30 Minuten wissen Sie, was sich bei Ihnen lohnt. Unverbindlich und ohne Verkaufsdruck.