HEX-in-HSL-Konverter
Konvertieren Sie HEX direkt während der Eingabe in HSL – kostenlos, sofort, mit einem praktischen Beispiel und einer Tabelle für gängige Farben.
Geben Sie einen HEX-Wert ein und lesen Sie den entsprechenden HSL-Wert darunter ab, oder wählen Sie eine Farbe aus dem Farbfeld.
Praktisches Beispiel
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX und HSL
| Farbe | HEX | HSL |
|---|---|---|
| Rot | #ff0000 | 0, 100%, 50% |
| Orange | #ffa500 | 39, 100%, 50% |
| Gelb | #ffff00 | 60, 100%, 50% |
| Grün | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Blau | #0000ff | 240, 100%, 50% |
| Violett | #800080 | 300, 100%, 25% |
| Rosa | #ffc0cb | 350, 100%, 88% |
| Braun | #a52a2a | 0, 59%, 41% |
| Weiß | #ffffff | 0, 0%, 100% |
| Grau | #808080 | 0, 0%, 50% |
| Schwarz | #000000 | 0, 0%, 0% |
Jede Konvertierung läuft direkt in Ihrem Browser. Keine Ihrer Eingaben wird an BroBroGo übertragen.
Häufig gestellte Fragen (FAQ)
Wie konvertiere ich HEX in HSL?
Geben Sie Ihren HEX-Wert oben ein oder fügen Sie ihn ein – der HSL-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.