Textlesbarkeit vor benutzerdefinierten Hintergrundfarben prüfen, um WCAG-AA- und AAA-Anforderungen an die Barrierefreiheit zu erfüllen. Gleichzeitig Farbcodes zwischen HEX-, RGB- und HSL-Notation konvertieren.
Vordergrundfarbe eingeben
Textfarbe im HEX-, RGB- oder HSL-Format eingeben.
Hintergrundfarbe festlegen
Weiß oder Schwarz wählen oder einen benutzerdefinierten Hintergrundcode eingeben, um den Kontrast zu testen.
Prüfen & anpassen
Konformitätsindikatoren prüfen und auf eine Helligkeitsstufe klicken, falls mehr Kontrast benötigt wird.
Farbauswahl vor reinem Weiß, reinem Schwarz oder beliebigen Hintergründen testen. Das Tool meldet exakte Kontrastverhältnisse und bestätigt, ob die Anforderungen für AA (4.5:1), AAA (7.0:1) oder großen Text (3.0:1) erfüllt sind.
Wenn eine Markenfarbe die Kontrastschwellenwerte für Barrierefreiheit verfehlt, einfach auf eine der 9 berechneten Helligkeitsstufen klicken, um eine konforme Nuance zu finden, ohne den eigentlichen Farbton zu verändern.
Akzeptiert HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), leerraumgetrennte Zahlentripel und über 50 benannte CSS-Farben.
Nein, es ist ausschließlich für digitale Web- und Bildschirmformate (HEX, RGB, HSL) ausgelegt.
Ja, rund 50 benannte Standard-CSS-Farben werden automatisch erkannt und konvertiert.