Farbkontrast-Prüfer
Entwickler-ToolNeuPrüfe den Farbkontrast nach WCAG AA und AAA.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien verlassen dein Gerät nie — nichts wird hochgeladen.
Colors
Pick a text and background color. Everything runs in your browser — nothing is uploaded.
Result
17.40 : 1Contrast ratio
Normal text
AA: PassAAA: Pass
Large text (18.66px bold or 24px)
AA: PassAAA: Pass
Large sample text
The quick brown fox jumps over the lazy dog.
Häufig gestellte Fragen
Was ist ein gutes WCAG-Kontrastverhältnis?
WCAG verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text (rund 24px oder 18,66px fett), um die Stufe AA zu erfüllen. Für die strengere Stufe AAA brauchst du 7:1 bei normalem Text und 4,5:1 bei großem Text. Dieses Tool zeigt das exakte Verhältnis und ob es jede Stufe besteht.
Wie wird das Kontrastverhältnis berechnet?
Die sRGB-Kanäle jeder Farbe werden linearisiert und nach der W3C-Formel zu einem Wert relativer Leuchtdichte kombiniert. Das Verhältnis ist dann (hellere Leuchtdichte + 0,05) geteilt durch (dunklere Leuchtdichte + 0,05), was eine Zahl zwischen 1:1 (kein Kontrast) und 21:1 (Schwarz auf Weiß) ergibt. Das Ergebnis wird auf zwei Nachkommastellen gerundet.
Werden meine Farben irgendwohin hochgeladen?
Nein. Die gesamte Berechnung läuft lokal in deinem Browser mit JavaScript, die eingegebenen Farben verlassen also nie dein Gerät und berühren keinen Server. Es gibt kein Konto, kein Tracking deiner Eingaben und nichts wird gespeichert — was es sicher für vertrauliche oder unveröffentlichte Markenarbeit macht.