a11y.skipToMainContent
1

Kontrastprüfer

Überprüfen Sie die Farbkontrastverhältnisse zwischen Vordergrund- und Hintergrundfarben. Überprüfen Sie die Einhaltung der WCAG 2.1 AA und AAA mit Pass/Fail-Indikatoren.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. Geben Sie die Vordergrundfarbe (Textfarbe) ein oder wählen Sie sie aus.
  2. Geben Sie die Hintergrundfarbe ein oder wählen Sie sie.
  3. Sehen Sie sich das Kontrastverhältnis und die WCAG Pass/Fail-Ergebnisse an.
  4. Passen Sie die Farben an, bis sie Ihr Ziel-Compliance-Level erreichen.

Was ist Kontrastprüfer?

Ein Kontrastprüfer berechnet das Kontrastverhältnis zwischen zwei Farben nach den WCAG 2.1 Richtlinien. Es bestimmt, ob Text vor einer Hintergrundfarbe für normalen Text, großen Text und UI-Komponenten lesbar ist.

WCAG 2.1 erfordert ein Mindestkontrastverhältnis von 4,5:1 für normalen Text (AA), 3:1 für großen Text (AA), 7:1 für normalen Text (AAA) und 4,5:1 für großen Text (AAA). Dieses Tool zeigt sofort Pass / Fail für alle vier Kriterien an.

Advertisement

FAQ

Was ist ein gutes Kontrastverhältnis?
WCAG 2.1 AA erfordert 4,5:1 für normalen Text und 3:1 für großen Text. AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text.
Was zählt als großer Text?
Großer Text ist definiert als 18pt (24px) und höher, oder 14pt (18.66px) und höher, wenn fett.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

Advertisement