HSL in RGB umrechnen
Geben Sie Farbton, Sättigung und Helligkeit ein und erhalten Sie die passenden Rot-, Grün- und Blauwerte von 0 bis 255.
hsl-Eingabe
Ergebnis · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
So funktioniert’s: HSL in RGB
- 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.
Von HSL zu RGB
HSL ist eine bequeme Art, Farben zu gestalten: Sie wählen einen Farbton auf dem Farbkreis (0° ist Rot, 120° Grün, 240° Blau) und legen dann die Sättigung fest – wie kräftig die Farbe ist – sowie die Helligkeit, wobei 0 % Schwarz, 50 % der reine Farbton und 100 % Weiß ist. Displays arbeiten jedoch mit RGB, der Helligkeit ihrer roten, grünen und blauen Subpixel, daher wird eine HSL-Farbe vor der Anzeige immer umgerechnet.
RGB-Werte brauchen Sie, wenn eine Software kein HSL akzeptiert: Viele Grafikprogramme, Farb-APIs von Android und iOS, LED-Streifen, Game-Engines und Diagrammbibliotheken erwarten drei Kanalwerte. Geben Sie die drei HSL-Werte ein, und das Tool zeigt das RGB-Ergebnis zusammen mit HEX, HSV und CMYK an. So ergibt hsl(200, 80%, 40%) zum Beispiel rgb(20, 129, 184). Da HSL in ganzen Zahlen eingegeben wird, führen benachbarte Eingaben manchmal zur selben RGB-Farbe.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.