HSL-in-HEX-Konverter
Konvertieren Sie HSL direkt während der Eingabe in HEX – kostenlos, sofort, mit einem praktischen Beispiel und einer Tabelle für gängige Farben.
Geben Sie einen HSL-Wert ein und lesen Sie den entsprechenden HEX-Wert darunter ab, oder wählen Sie eine Farbe aus dem Farbfeld.
Praktisches Beispiel
HSL 11, 100%, 60% = HEX #ff5733
So funktioniert die Konvertierung
- Ein HEX-Code stellt dieselben drei RGB-Kanäle im Hexadezimalsystem (Basis 16) dar: zwei Stellen pro Kanal, von 00 (0) bis ff (255).
- HSL beschreibt dieselbe Farbe durch Farbton (Hue, 0–360° auf dem Farbkreis), Sättigung (Saturation) und Helligkeit (Lightness) – ideal, um eine Farbe durch Ändern nur einer Komponente abzudunkeln oder zu entsättigen.
Gängige Farben in HSL und HEX
| Farbe | HSL | HEX |
|---|---|---|
| Rot | 0, 100%, 50% | #ff0000 |
| Orange | 39, 100%, 50% | #ffa500 |
| Gelb | 60, 100%, 50% | #ffff00 |
| Grün | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Blau | 240, 100%, 50% | #0000ff |
| Violett | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Braun | 0, 59%, 41% | #a52a2a |
| Weiß | 0, 0%, 100% | #ffffff |
| Grau | 0, 0%, 50% | #808080 |
| Schwarz | 0, 0%, 0% | #000000 |
Jede Konvertierung läuft direkt in Ihrem Browser. Keine Ihrer Eingaben wird an BroBroGo übertragen.
Häufig gestellte Fragen (FAQ)
Wie konvertiere ich HSL in HEX?
Geben Sie Ihren HSL-Wert oben ein oder fügen Sie ihn ein – der HEX-Wert wird sofort während der Eingabe aktualisiert. Sie können die Farbe auch visuell über das Farbfeld auswählen.
Ist die Konvertierung exakt?
Die Werte werden auf ganze Zahlen gerundet, so wie es CSS und Design-Tools erwarten. Der Unterschied liegt weit unterhalb der menschlichen Wahrnehmungsgrenze.