HSL-in-RGB-Konverter
Konvertieren Sie HSL direkt während der Eingabe in RGB – 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 RGB-Wert darunter ab, oder wählen Sie eine Farbe aus dem Farbfeld.
Praktisches Beispiel
HSL 11, 100%, 60% = RGB 255, 87, 51
So funktioniert die Konvertierung
- 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 RGB
| Farbe | HSL | RGB |
|---|---|---|
| Rot | 0, 100%, 50% | 255, 0, 0 |
| Orange | 39, 100%, 50% | 255, 165, 0 |
| Gelb | 60, 100%, 50% | 255, 255, 0 |
| Grün | 120, 100%, 25% | 0, 128, 0 |
| Cyan | 180, 100%, 50% | 0, 255, 255 |
| Blau | 240, 100%, 50% | 0, 0, 255 |
| Violett | 300, 100%, 25% | 128, 0, 128 |
| Rosa | 350, 100%, 88% | 255, 192, 203 |
| Braun | 0, 59%, 41% | 165, 42, 42 |
| Weiß | 0, 0%, 100% | 255, 255, 255 |
| Grau | 0, 0%, 50% | 128, 128, 128 |
| Schwarz | 0, 0%, 0% | 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 HSL in RGB?
Geben Sie Ihren HSL-Wert oben ein oder fügen Sie ihn ein – der RGB-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.