WCAG-Farbkontrast prüfen
Vergleichen Sie Text und Hintergrund mit relativer WCAG-Luminanz. Zwei sechsstellige sRGB-Hexfarben liefern Kontrastverhältnis sowie AA normal, AA groß und AAA normal getrennt.
Kostenlos nutzbar. Keine E-Mail-Adresse und kein Konto erforderlich.
Ihre Angaben
Das bearbeitbare Beispiel dient zur Veranschaulichung. Tragen Sie Ihre Maße, Betriebsdaten, Preise und Gebühren ein. Ergebnisse aktualisieren sich beim Bearbeiten.
Berechnungen laufen in Ihrem Browser. Eingaben werden weder gespeichert noch an Analytics gesendet.
Berechnungsmethode
- → L₁; → L₂
- Kontrastverhältnis (x:1) = (max(L₁, L₂) + 0,05) ÷ (min(L₁, L₂) + 0,05)
- L = 0,2126 × R + 0,7152 × G + 0.0722 × B
- Rechenbeispiel
- #000.000 + #ffffff → 21:1; #ffffff + #ffffff → 1:1
Eingaben und Formelzeichen
Ihr Ergebnis
Füllen Sie die Angaben aus, um das Ergebnis zu sehen.
Annahmen und Grenzen
AA normal verlangt 4,5:1, AA groß 3:1 und AAA normal 7:1. Groß bedeutet mindestens 18 Punkt oder 14 Punkt fett. Ungerundete Werte entscheiden. Nur deckende sRGB-Vollfarben; Transparenz, Verläufe, Bilder, Fokuszustände und vollständige Barrierefreiheit separat prüfen.
Quellen
- W3C — WCAG 2.2 contrast and relative luminance Quellen geprüft: 2026-10-28
Verarbeitung und Datenschutz
Berechnung oder Umwandlung erfolgen im Browser. Das Tool sendet Eingaben und Ergebnisse nicht an einen Anwendungsserver. Beim Laden der Seite entstehen dennoch Netzwerkanfragen; optionale Analyse und Google-Einwilligungsmeldungen werden getrennt gesteuert.
Datenschutzerklärung. Datenschutz und Einstellungen im Footer steuert die optionale Analyse.
Quellen und Pflege
Gepflegt von emonster. Quellen haben eigene Prüfdatumsangaben; diese sind weder Zeitstempel für Live-Daten noch unabhängige Zertifizierungen.
