Design

Kostenloser Farbkontrast-Checker

Prüfen Sie, ob Ihre Text- und Hintergrundfarben die WCAG-Barrierefreiheitsstandards erfüllen. Sehen Sie das Kontrastverhältnis, AA/AAA-Konformität und eine Live-Vorschau Ihrer Farbkombination. Keine Anmeldung erforderlich.

100% kostenlos — kein Konto erforderlich

Kontrastverhältnis

21:1

AA Normal

4.5:1

AA Groß

3:1

AAA Normal

7:1

AAA Groß

4.5:1

Vorschau

Überschriftentext

Fließtext sieht in normaler Größe so aus.

Kleiner Text erscheint so.

Funktionen von Kostenloser Farbkontrast-Checker

Stellen Sie sicher, dass Ihre Inhalte für alle lesbar sind

Live-Vorschau

Sehen Sie Ihren Text auf Ihrer Hintergrundfarbe in Echtzeit, während Sie anpassen.

Kontrastverhältnis

Berechnet nach der WCAG-Formel für relative Leuchtdichte für genaue Ergebnisse.

Farben tauschen

Ein-Klick-Tausch zwischen Text- und Hintergrundfarbe.

WCAG-Konformität

Prüfen Sie AA- und AAA-Bestanden/Nicht-bestanden für normale und große Textgrößen.

Häufig gestellte Fragen

Welches Kontrastverhältnis brauche ich?

WCAG AA erfordert 4,5:1 für normalen Text und 3:1 für großen Text. WCAG 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 18pt (24px) oder größer, oder 14pt (18,5px) fett oder größer. Großer Text hat eine niedrigere Kontrastanforderung, da er leichter zu lesen ist.

Warum ist Barrierefreiheit wichtig?

Etwa 15-20 % der Menschen haben eine Form von Sehbehinderung. Guter Kontrast stellt sicher, dass Ihre Inhalte für das breitestmögliche Publikum lesbar sind und ist oft gesetzlich vorgeschrieben.

Gefallen Ihnen unsere kostenlosen Tools?

Barrierefreie Social-Media-Inhalte erstellen

Stellen Sie sicher, dass Ihre Markeninhalte lesbar und barrierefrei sind.