Überblick
Was ist der Farb-Konverter?
Starte mit der kurzen Einordnung, bevor du Eingaben und Ergebnis interpretierst.
Der Farb-Konverter ist für Frontend-Entwickler, Designer und QA gedacht, die einen konkreten HEX-Wert aus CSS, Figma oder einem Styleguide schnell in RGB- und HSL-Werte übersetzen müssen. Ein HEX-Wert wie #1E88E5 kodiert die drei Farbkanäle Rot, Grün und Blau jeweils als zweistellige Hexadezimalzahl zwischen 00 und FF, also 0 bis 255.
RGB beschreibt dieselbe Farbe als drei Zahlen, HSL dagegen über Farbton (H, in Grad von 0 bis 360), Sättigung (S in Prozent) und Helligkeit (L in Prozent).
Genau diese drei Darstellungen rechnet der Konverter ineinander um, sodass du Farbkanäle, Helligkeit und Sättigung ablesen und technische Übergaben prüfen kannst, ohne von Hand umzurechnen.
Der Vorteil von HSL liegt darin, dass du eine Markenfarbe gezielt heller oder dunkler machst, indem du nur den L-Wert veränderst und Farbton sowie Sättigung gleich lässt.
Damit eignet sich das Werkzeug für konsistente Design-Tokens, Hover- und Aktiv-Zustände sowie das Abstimmen von Farben zwischen Styleguide, CSS und Figma.