HSL to RGB
Jedes Farbformat beschreibt dasselbe in einer anderen Sprache: HEX für Stylesheets, RGB für Bildschirme und Code, HSL für Paletten, CMYK für Druck. Wählen Sie die gewünschte Umwandlung und erhalten Sie den genauen Wert, eine Live-Vorschau und die Formel.
Diese Farbe in jedem Format
Dieselbe Farbe als HEX, RGB, HSL und CMYK. Jeden Wert kopieren.
HSL in RGB umrechnen
Jede Umrechnung normalisiert HSL zuerst auf ein sRGB-Tripel (Rot, Grün, Blau von 0–255) und kodiert es dann als RGB. Beide Schreibweisen beschreiben dasselbe Pixel, die sichtbare Farbe bleibt gleich.
Eingabe lesen
Den HSL-Wert in Kanäle zerlegen (Hex-Paare, Zahlen oder Prozentwerte).
Auf sRGB normalisieren
Jeden Kanal auf 0–255 skalieren, damit sich Rundungsfehler nicht summieren.
RGB kodieren
Das Ergebnis in RGB ausgeben und in Stylesheet oder Design-Tool einfügen.
Formel
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → RGB rgb(255,87,51)
Rechenbeispiel
hsl(9, 100%, 60%) = #FF5733 = rgb(255,87,51)
Kanäle werden auf ganze Zahlen gerundet; für den Rückweg dasselbe Tool nutzen, um Drift zu vermeiden.
HSL-zu-RGB-Referenztabelle
Häufige Werte, mit derselben Formel umgerechnet.
| Eingabe (HSL) | Ergebnis (RGB) | |
|---|---|---|
hsl(11, 100%, 60%) | rgb(255,87,51) | |
hsl(243, 75%, 59%) | rgb(79,70,229) | |
hsl(145, 63%, 49%) | rgb(46,204,113) | |
hsl(204, 70%, 53%) | rgb(52,152,219) | |
hsl(6, 78%, 57%) | rgb(231,76,60) | |
hsl(172, 75%, 39%) | rgb(25,174,153) | |
hsl(283, 39%, 53%) | rgb(155,89,182) | |
hsl(37, 90%, 51%) | rgb(243,156,18) | |
hsl(210, 29%, 29%) | rgb(52,73,94) | |
hsl(340, 82%, 52%) | rgb(233,31,99) | |
hsl(0, 0%, 0%) | rgb(0,0,0) | |
hsl(0, 0%, 100%) | rgb(255,255,255) |