Einen Farbcode einfügen und HEX, RGB, HSL, HSV sowie HCV erhalten – inklusive Prüfung auf Lesbarkeit als Text.
WCAG 2 legt 4.5:1 als AA-Kriterium für Fließtext und 7:1 für AAA fest; großer Text (18pt oder fett 14pt) erfüllt AA bei 3:1. (WCAG steht für die Richtlinien für barrierefreie Webinhalte des W3C.) Blau #2457E6 liegt auf Weiß bei etwa 5.9:1 – ideal für Fließtext –, auf Schwarz jedoch bei 3.6:1, was nur für großen Text ausreicht.
HSL trennt Farbton, Sättigung und Helligkeit. Um eine Farbe heller oder dunkler zu machen, ändert man einfach nur L. Die Helligkeitsskala unten zeigt genau das – auf eine Stufe klicken, um sie zu laden.
HSV (in Photoshop und Figma als HSB bezeichnet) steht für Farbton, Sättigung und Helligkeitswert; es bildet das Farbfeld in den meisten Farbwählern. V ist der hellste Kanal, S gibt die Farbintensität an. HCV ersetzt Sättigung durch Chroma (C), die Differenz zwischen dem hellsten und dunkelsten Kanal. #2457E6 entspricht hsv(224, 84%, 90%) und hcv(224, 76%, 90%). Beides ist kein gültiges CSS – im Webcode daher HEX, RGB oder HSL verwenden.
#RGB, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla(), hsv()/hsb()/hcv(), reine Zahlentripel wie '36, 87, 230' und rund 50 gängige CSS-Farbnamen.
Nein. Konvertierung und Kontrastberechnung laufen direkt im Browser.
#RRGGBBAA und rgba() werden in der HEX- und RGB-Ausgabe berücksichtigt. Die Kontrastberechnung ignoriert Alpha und behandelt die Farbe als deckend.
Druck-CMYK hängt vom jeweiligen Farbprofil ab und wird hier daher nicht unterstützt.
Es konvertiert zwischen HEX (inklusive Alpha), rgb(), hsl(), reinen Zahlentripeln und rund 50 Standard-CSS-Farbnamen.
Ja, es berechnet Kontrastverhältnisse vor weißem, schwarzem und benutzerdefiniertem Hintergrund, um die Einhaltung von WCAG AA (4.5), AAA (7) und Standards für großen Text (3) zu prüfen.
Ja, es zeigt eine 9-stufige Helligkeitsskala für den gewählten Farbton an. Durch Klicken auf eine Nuance werden deren Werte sofort geladen.
Ja, Farben können visuell über den integrierten Farbwähler ausgewählt oder als Codewerte eingegeben werden.