Webmaster-Tools Farbkontrast-Rechner
Farbkontrast-Rechner
Vergleicht Vordergrund- und Hintergrundfarbe nach
WCAG 2.x
— inklusive Relativluminanz, Verhältnis und klarer Prüfung gegen
die Stufen AA und
AAA für Text, große Schrift und UI.
01 · Farben wählen
Vorder- und Hintergrund festlegen
Hex oder rgb() eintippen, per Auswahl tippen oder aus der Palette übernehmen — das Ergebnis aktualisiert sich sofort.
Die Textfarbe, die Sie prüfen möchten.
Die Fläche, auf der der Text liegt.
Passt die Textfarbe (bei Bedarf die Hintergrundfarbe) per Farbton-erhaltender Skalierung so an, dass AA für normalen Text (4.5 : 1) sicher erreicht wird.
Schnelle Übernahme
Die Chips setzen die Vordergrundfarbe. Soll eine davon der Hintergrund werden, erst übernehmen und dann mit „Tauschen“ vertauschen — oder einfach den Wert ins Feld tippen.
02 · Live-Vorschau
So liest sich Ihr Farbsatz
Ein realistischer Auszug — Überschrift, Fließtext, Button und Link — exakt in Ihren gewählten Farben.
Artikelübersicht
Große Schrift · 24 px — wo hohe Lesbarkeit zählt.
Normale Fließtexte messen ihre Lesbarkeit an der Stufe AA (mindestens 4,5:1). Ausnahmen da, wo die Schrift groß bleibt.
- L* Vordergrund
- L* Hintergrund
- Verhältnis
- Stufe