farbe
Farbwähler
farbe wählen, hex/rgb/hsl + kontrast bekommen.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- gegen Weiß
- 4.52 · AA
- gegen Schwarz
- 4.64 · AA
über
wähle eine beliebige Farbe und sieh ihre hex-, RGB- und HSL-Werte plus die WCAG-Kontrastverhältnisse gegen Schwarz und Weiß.
so geht's
- klick auf das Farbfeld, um den nativen Wähler zu öffnen, oder tippe einen hex-Code ein.
- lies die RGB- und HSL-Werte ab.
- prüf die WCAG-Kontrastverhältnisse gegen Schwarz und Weiß.
beispiele
- prüf, ob eine Markenfarbe AA-Kontrast auf deinem Hintergrund erreicht.
- wandle ein HSL aus Photoshop in den hex-Code um, den du fürs CSS brauchst.
- tüftle komplementäre Farben aus, indem du den Farbton anpasst.
faq
was bedeuten AA / AAA?
WCAG-Kontraststufen. AA braucht 4.5:1 für Fließtext, 3:1 für großen Text. AAA braucht 7:1 — der Goldstandard.
warum zwei Kontrastwerte?
damit du auf einen Blick siehst, ob du schwarzen oder weißen Text auf diesem Hintergrund nehmen solltest.