- Ganze Seiten per URL prüfen
- Prüfbericht als PDF zum Teilen
- Kontrast-Heatmap & Sehsimulation
Kein Abo — Sie zahlen nur, was Sie prüfen.
Farbkontrast
Kontraste prüfen — direkt im Browser.
Farben
Einstellungen
Konformität
Fließtext · WCAG 2.2 AA · mindestens 4,5:1
Vorschau
WCAG-Kriterien & rechtliche EinordnungRechtlich maßgeblich
- 1.4.3 · Fließtext 4,5:1Für diese Größe maßgeblich✓ Konform
- 1.4.3 · Großer Text 3:1✓ Konform
- 1.4.6 · Fließtext AAA 7:1✓ Konform
- 1.4.6 · Großer Text AAA 4,5:1✓ Konform
- 1.4.11 · UI & Grafik 3:1✓ Konform
1.4.3 Kontrast (Minimum) (AA) — Normaler Text muss mindestens 4,5:1 gegenüber dem Hintergrund erreichen. Im Glossar nachlesen →
APCA Lc 94 · Erfüllt für 18 px normal (Mindestwert für Fließtext: ≥ Lc 75). Lesbarkeitsmaß, nicht rechtlich verbindlich.
Hex-Werte, CSS-Variablen, rgb()/oklch() oder Tailwind-Tokens – mit oder ohne Namen, eine Farbe pro Zeile oder als Liste.
Kontrastmatrix Ihrer Palette
Jede Farbe als Text auf jeder anderen als Hintergrund. Wert = Kontrastverhältnis, geprüft gegen 4,5:1.
| Forest | ||||||
|---|---|---|---|---|---|---|
| Forest 2 | ||||||
| Lime | ||||||
| Lime soft | ||||||
| Cream | ||||||
| Cream 2 |
8 von 15 Kombinationen erfüllen 4,5:1. Tipp: Auf eine Zelle tippen, um das Farbpaar im Tab „Farbpaar“ zu übernehmen.
Fügen Sie echtes Komponenten-Markup ein. Es wird lokal in einer Sandbox gerendert; jeder Textknoten wird gegen seinen tatsächlichen Hintergrund geprüft – Skripte werden nicht ausgeführt.
Gerenderte Vorschau
Kein sichtbarer Text gefunden.
Kontrast ist nur eines von rund 50 WCAG-Erfolgskriterien. Eine seitengenaue Prüfung Ihrer ganzen Website starten Sie unter Neue Prüfung.