HEX in HSL umrechnen
Wandeln Sie einen HEX-Farbcode in Farbton, Sättigung und Helligkeit um und erstellen Sie so ganz einfach hellere und dunklere Abstufungen.
hex-Eingabe
Ergebnis · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
So funktioniert’s: HEX in HSL
- 1
Farbe eingeben
Geben Sie einen Farbcode ein oder wählen Sie eine Farbe mit dem Farbwähler – jedes Feld akzeptiert das angezeigte Format.
- 2
Umrechnung ansehen
Das Ergebnis aktualisiert sich sofort während der Eingabe, zusammen mit einer Live-Vorschau der Farbe.
- 3
Code kopieren
Kopieren Sie den gewünschten Wert mit einem Klick und fügen Sie ihn in Ihr Design, Ihr CSS oder Ihre Druckeinstellungen ein.
HEX- und HSL-Farben
HEX ist die Schreibweise für Farben in CSS und Designprogrammen: ein # gefolgt von drei Paaren hexadezimaler Ziffern für Rot, Grün und Blau. HSL beschreibt dieselbe Farbe so, wie Menschen über Farben denken – den Farbton als Winkel auf dem Farbkreis von 0 bis 360°, Sättigung und Helligkeit in Prozent.
Die Umrechnung in HSL ist praktisch, wenn Sie Varianten einer Farbe brauchen: Behalten Sie den Farbton bei und ändern Sie die Helligkeit, um hellere und dunklere Töne für Hover-Zustände, Hintergründe und Rahmen zu erhalten. Browser verstehen beide Schreibweisen, zum Beispiel hsl(342, 100%, 62%). Fügen Sie einen drei- oder sechsstelligen Code mit oder ohne #-Zeichen ein und kopieren Sie das hsl()-Ergebnis; RGB, HSV und CMYK werden ebenfalls angezeigt.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.