Kostenlos · ohne Anmeldung
Kontrast-Checker: Farben nach WCAG prüfen
Gib deine Text- und Hintergrundfarbe ein. Der Kontrastrechner zeigt dir sofort das Kontrastverhältnis und die Grenzwerte für WCAG AA und AAA.
Deine Farben
Hex-Farben mit drei oder sechs Stellen, zum Beispiel #123 oder #123456. Das # ist optional.
Die Farben bleiben in deinem Browser. Es werden keine Farbeingaben an den Server gesendet.
Kontrastverhältnis
—
- AA · normaler Text ab 4,5 : 1
- —
- AA · großer Text ab 3 : 1
- —
- AAA · normaler Text ab 7 : 1
- —
- AAA · großer Text ab 4,5 : 1
- —
Die Anzeige ist gerundet. Die Bewertung verwendet den ungerundeten Wert.
Vorschau deiner Farben
Großer Text
So wirkt normaler Text auf deinem gewählten Hintergrund.
Großer, fetter Text
Vorschau: 24 px, 16 px und 18,67 px fett. Nur diese Fläche übernimmt deine Farben.
Welche WCAG-Grenzwerte gelten?
AA: mindestens 4,5 : 1
Normaler Text braucht ein Verhältnis von mindestens 4,5 : 1. Für großen Text reicht 3 : 1. Das beschreibt WCAG 1.4.3 „Kontrast (Minimum)“.
AAA: mindestens 7 : 1
Für die höhere Anforderung gelten 7 : 1 bei normalem und 4,5 : 1 bei großem Text. Grundlage ist WCAG 1.4.6 „Kontrast (erhöht)“.
Als groß gilt Text ab 24 CSS-Pixeln oder ab etwa 18,67 CSS-Pixeln bei fetter Schrift (Schriftgewicht mindestens 700). Die Bezeichnung „Überschrift“ allein macht Text noch nicht groß.
Die Berechnung nach WCAG vergleicht die relative Helligkeit beider sRGB-Farben. Identische Farben haben 1 : 1, Schwarz und Weiß 21 : 1.
Was dieses Ergebnis aussagt
Du prüfst ein einzelnes, vollständig deckendes Farbpaar für Text auf einem einfarbigen Hintergrund. Transparenz, Bilder, Verläufe und die tatsächliche Darstellung auf deiner Website berücksichtigt der Rechner nicht.
Ein ausreichender Textkontrast belegt weder die Barrierefreiheit deiner Website noch eine vollständige WCAG-Konformität. Für die Bewertung kommen weitere Kriterien und manuelle Prüfungen hinzu.
Kostenpflichtiger SEO-Audit
Barrierefreiheit deiner Website prüfen
Clariseo untersucht bis zu 30 ausgewählte Seiten im Quelltext und ergänzt Browserprüfungen ausgewählter Seiten, etwa auf Textkontraste. Du erhältst Fundstellen, WCAG-Bezüge und Korrekturhinweise in einem gemeinsamen Report mit SEO und KI-Sichtbarkeit.
Prüfumfang des Barrierefreiheits-Checks ansehen
49 EUR einmalig · inkl. MwSt. · Barrierefreiheitsprüfung inklusive