Kostenloses Tool
Kontrast-Rechner
Prüfen Sie Ihre Farbkontraste nach WCAG 2.2 — AA & AAA für normalen und großen Text.
Beispieltext
Dies ist ein Beispiel für normalen Fließtext.
Großer Text
—
Kontrast
—
AA Normal
—
AA Groß
—
AAA Normal
Geben Sie zwei Farben ein, um die Kontrastprüfung zu starten.
WCAG 2.2 Kontrast-Anforderungen
| Stufe | Normaler Text | Großer Text | UI-Komponenten |
|---|---|---|---|
| AA (Minimum) | 4.5:1 | 3:1 | 3:1 |
| AAA (Enhanced) | 7:1 | 4.5:1 | 3:1 |
Verwandte Tools
Häufige Fragen
Was ist der WCAG-Kontrast?
Der WCAG-Kontrast beschreibt das Verhältnis zwischen Vordergrund- und Hintergrundfarbe. Je höher das Verhältnis, desto besser lesbar ist der Text.
Was bedeuten AA und AAA?
AA ist der Mindeststandard für Barrierefreiheit (4.5:1 für normalen Text, 3:1 für großen Text). AAA ist der höchste Standard (7:1 für normalen Text, 4.5:1 für großen Text).
Was gilt als großer Text?
Text ab 18pt (24px) oder fetter Text ab 14pt (18.66px) gilt als großer Text und hat geringere Kontrast-Anforderungen.
Ist dieser Rechner DSGVO-konform?
Ja — alle Berechnungen laufen clientseitig im Browser. Keine Daten werden an Server gesendet.