Farbumrechner & Kontrastprüfer

Farbe auswählen, in jedem Format kopieren und prüfen, ob Text darauf gut lesbar ist.

HEX

RGB

HSL

Kontrastprüfer

Text Hintergrund

Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich

-Kontrastverhältnis

-AA normaler Text

-AAA normaler Text

-AA großer Text

Über den WCAG-Kontrast

Die Richtlinien für barrierefreie Webinhalte (WCAG) verlangen für normalen Text auf Stufe AA ein Kontrastverhältnis von mindestens 4,5:1, auf Stufe AAA 7:1 und für großen Text 3:1. Ein höherer Kontrast verbessert die Lesbarkeit für alle, besonders bei hellem Licht.

FAQ

Welche Formate können eingegeben werden?

HEX (#2563eb oder #26e), RGB (37, 99, 235) und HSL (221, 83%, 53%). Sobald ein Feld geändert wird, werden die übrigen automatisch angepasst.