Farbauswahl

Farben wählen und Kontrast prüfen.

WCAG Barrierefreiheits-Check & Farbumrechner

Gestalte inklusive Websites, indem du Farbkontraste in Echtzeit gegen die globalen WCAG 2.1 Standards prüfst.

So nutzt du das Farb-Tool:

Wähle eine Farbe über das Interface oder gib einen HEX-Code ein.
Nutze die RGB-Umrechnung für deine CSS-Dateien.
Prüfe die Barrierefreiheits-Karten, um zu sehen, ob deine Farbwahl die AA- oder AAA-Kontrast-Tests besteht.

Wie bestehe ich den WCAG-Kontrast-Test?

Für Standardtexte benötigst du ein Kontrastverhältnis von mindestens 4,5:1 für Level AA. Unser Tool zeigt dir ein direktes „PASS“ oder „FAIL“ für weißen und schwarzen Text auf dem Hintergrund an. Das hilft Designern, lesbare Hintergründe für alle Nutzer zu wählen – ein kritischer Faktor für modernes SEO und User Experience.