1. Wert eingeben
Geben Sie eine Zahl in das Eingabefeld ein.
RGB in HSL umrechnen
Dieser Konverter rechnet sofort um. Geben Sie einfach einen Wert ein und das Ergebnis erscheint sofort.
Loading tool editor...
Wann muss man RGB in HSL umrechnen?
HSL (Farbton, Sättigung, Helligkeit) ist eine intuitivere Farbdarstellung. Farbton = Farbwinkel (0–360°), Sättigung = Intensität (0–100 %), Helligkeit = Hell/Dunkel (0–100 %).
HSL erleichtert Farbvariationen: Helligkeit für Tönungen/Schattierungen, Sättigung für gedämpfte/leuchtende Versionen, Farbton für Komplementärfarben.
Alle Berechnungen werden lokal in Ihrem Browser durchgeführt.
Wie benutzt man den Umrechner?
2. Ergebnis ablesen
Das Ergebnis erscheint sofort.3. Kopieren oder umkehren
Kopieren Sie das Ergebnis oder kehren Sie die Umrechnungsrichtung um.
Wann ist dieser Umrechner nützlich?
CSS-Manipulation
HSL erleichtert Hover-Zustände: abdunkeln durch L senken, entsättigen durch S senken.Design-Systeme
Erstellen Sie konsistente Farbskalen durch Variation der Helligkeit.Farbtheorie
HSL entspricht dem Farbkreis. Komplementärfarbe = H+180°.Barrierefreiheit
Die HSL-Helligkeit hilft, ausreichenden Kontrast sicherzustellen.
Was unterscheidet diesen Umrechner?
Volle Privatsphäre
Alle Berechnungen werden lokal in Ihrem Browser durchgeführt.Echtzeit-Ergebnisse
Das Ergebnis aktualisiert sich während der Eingabe.Bidirektionale Umrechnung
Rechnen Sie mit einem Klick in beide Richtungen um.Referenztabelle
Tabelle mit gängigen Werten und kontextbezogenen Beschreibungen.
Wie funktioniert die Umrechnung?
RGB auf 0–1 normalisieren. Max und Min finden. L = (max + min) / 2.
HSL ist vollständig umkehrbar — zurück zu RGB ergibt exakt dieselbe Farbe.
Wie funktioniert die Umrechnung?
RGB auf 0–1 normalisieren. Max und Min finden. L = (max + min) / 2.
HSL ist vollständig umkehrbar — zurück zu RGB ergibt exakt dieselbe Farbe.
RGB vs HSL – Vergleich
| Eigenschaft | RGB | HSL |
|---|---|---|
| Modell | Additive Kanäle | Farbton/Sättigung/Helligkeit |
| Werte | 0–255 pro Kanal | H: 0–360°, S/L: 0–100 % |
| Intuitiv | Schwer vorhersagbar | Leicht anpassbar |
| Farbtheorie | Nicht kreisbasiert | Entspricht dem Farbkreis |
| CSS | rgb(R, G, B) | hsl(H, S %, L %) |
RGB
- Modell
Additive Kanäle - Werte
0–255 pro Kanal - Intuitiv
Schwer vorhersagbar - Farbtheorie
Nicht kreisbasiert - CSS
rgb(R, G, B)
HSL
- Modell
Farbton/Sättigung/Helligkeit - Werte
H: 0–360°, S/L: 0–100 % - Intuitiv
Leicht anpassbar - Farbtheorie
Entspricht dem Farbkreis - CSS
hsl(H, S %, L %)
RGB in andere Einheiten umrechnen
Weitere Einheitenkonverter entdecken
Häufig gestellte Fragen
Helfen Sie uns, unsere Werkzeuge zu verbessern
Haben Sie eine Idee, einen Fehler gefunden oder möchten Sie eine Funktion vorschlagen? Schreiben Sie uns – wir antworten innerhalb von 24 Stunden.