RGB-in-HSL-Konverter
Konvertieren Sie RGB direkt während der Eingabe in HSL – kostenlos, sofort, mit einem praktischen Beispiel und einer Tabelle für gängige Farben.
Geben Sie einen RGB-Wert ein und lesen Sie den entsprechenden HSL-Wert darunter ab, oder wählen Sie eine Farbe aus dem Farbfeld.
Praktisches Beispiel
RGB 255, 87, 51 = HSL 11, 100%, 60%
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 RGB und HSL
| Farbe | RGB | HSL |
|---|---|---|
| Rot | 255, 0, 0 | 0, 100%, 50% |
| Orange | 255, 165, 0 | 39, 100%, 50% |
| Gelb | 255, 255, 0 | 60, 100%, 50% |
| Grün | 0, 128, 0 | 120, 100%, 25% |
| Cyan | 0, 255, 255 | 180, 100%, 50% |
| Blau | 0, 0, 255 | 240, 100%, 50% |
| Violett | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Braun | 165, 42, 42 | 0, 59%, 41% |
| Weiß | 255, 255, 255 | 0, 0%, 100% |
| Grau | 128, 128, 128 | 0, 0%, 50% |
| 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 RGB in HSL?
Geben Sie Ihren RGB-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.