HSL in HSV umrechnen
Wandeln Sie Farbton, Sättigung und Helligkeit in Farbton, Sättigung und Hellwert (HSB) für Grafiksoftware um.
hsl-Eingabe
Ergebnis · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
So funktioniert’s: HSL in HSV
- 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.
HSL und HSV im Vergleich
HSL und HSV beginnen beide mit dem Farbton, einem Winkel auf dem Farbkreis, und beschreiben den Rest der Farbe mit zwei Prozentwerten – doch diese bedeuten jeweils etwas anderes. In HSL ist eine Helligkeit von 50 % die reine Farbe, und 100 % ist immer Weiß. In HSV, auch HSB genannt, ist ein Hellwert von 100 % die hellste Version des Farbtons, und Weiß entspricht einem Hellwert von 100 % bei 0 % Sättigung. Auch die Sättigung wird unterschiedlich berechnet, die Zahlen lassen sich also nicht einfach übertragen.
Deshalb muss eine Farbe, die in CSS als hsl(120, 100%, 25%) geschrieben wird – die CSS-Farbe Green –, in einem HSV-Farbwähler als hsv(120, 100%, 50%) eingegeben werden. Nutzen Sie diesen Konverter, wenn Sie Farben aus Webcode in Photoshop, Figma, Blender oder Bildverarbeitungscode übernehmen, der mit HSV arbeitet. Der Farbton bleibt gleich; nur die Sättigung und der dritte Wert ändern sich.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.