HSL to HEX
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 HEX umrechnen
Jede Umrechnung normalisiert HSL zuerst auf ein sRGB-Tripel (Rot, Grün, Blau von 0–255) und kodiert es dann als HEX. 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.
HEX kodieren
Das Ergebnis in HEX ausgeben und in Stylesheet oder Design-Tool einfügen.
Formel
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → HEX #FF5733
Rechenbeispiel
hsl(9, 100%, 60%) = #FF5733 = #FF5733
Kanäle werden auf ganze Zahlen gerundet; für den Rückweg dasselbe Tool nutzen, um Drift zu vermeiden.
HSL-zu-HEX-Referenztabelle
Häufige Werte, mit derselben Formel umgerechnet.
| Eingabe (HSL) | Ergebnis (HEX) | |
|---|---|---|
hsl(11, 100%, 60%) | #FF5733 | |
hsl(243, 75%, 59%) | #4F46E5 | |
hsl(145, 63%, 49%) | #2ECC71 | |
hsl(204, 70%, 53%) | #3498DB | |
hsl(6, 78%, 57%) | #E74C3C | |
hsl(172, 75%, 39%) | #19AE99 | |
hsl(283, 39%, 53%) | #9B59B6 | |
hsl(37, 90%, 51%) | #F39C12 | |
hsl(210, 29%, 29%) | #34495E | |
hsl(340, 82%, 52%) | #E91F63 | |
hsl(0, 0%, 0%) | #000000 | |
hsl(0, 0%, 100%) | #FFFFFF |