Initializing, please wait a moment

Color Contrast Checker (WCAG) Wann Nutzen


Oeffne Color Contrast Checker (WCAG), wenn du schnell den Kontrast zweier Farben pruefen willst - ohne Accessibility-Suite und ohne Datei-Upload.


Wann es passt

Button-Label gegen die Fuellfarbe pruefen, bevor CSS live geht. Body-Text gegen Marken-Hintergrund vergleichen. Pruefen, ob grosse Ueberschriften bei weichem Hintergrund noch AA schaffen. HEX auf diesem Geraet lassen, weil die Rechnung in diesem Tab laeuft.


Was zu erwarten ist

Waehle Vorder- und Hintergrundfarbe; Ratio sowie AA- / AAA-Ergebnisse aktualisieren sich. Nutze die Live-Vorschau fuer normalen und grossen Text. Alles im Browser - kein Upload, kein Konto. Die Ratio nutzt die W3C-Formel fuer relative Luminanz (WCAG 2.1).

Genaue Schritte: Schritt-fuer-Schritt.

← Zurueck zu Entwickler-Tools