Wie wandle ich RGB in HSL um?

Geben Sie Rot, Grün und Blau von 0 bis 255 ein. Das Tool berechnet Farbton (0-360), Sättigung (0-100%) und Helligkeit (0-100%) und zeigt kopierbares hsl()-CSS. Beispiel: rgb(255, 0, 0) ist hsl(0, 100%, 50%).

Kann ich HSL in RGB umwandeln?

Ja. Ändern Sie H, S oder L und die RGB-Kanäle, rgb()-CSS, HEX und Swatch aktualisieren sich gemeinsam. Der Farbton wickelt bei 360; Sättigung und Helligkeit werden auf 0-100 begrenzt.

Was bedeuten H, S und L?

Farbton ist der Winkel auf dem Rad (0 Rot, 120 Grün, 240 Blau). Sättigung ist, wie kräftig die Farbe ist (0% Grau, 100% Vollfarbe). Helligkeit ist, wie hell sie ist (0% Schwarz, 50% rein, 100% Weiß).

Warum ist der Farbton bei Grau 0?

Grau hat 0% Sättigung, daher ist der Farbton undefiniert und dieser Konverter meldet 0. Eine Änderung des Farbtons an Grau wirkt erst, wenn Sie die Sättigung erhöhen.

Ist das dasselbe wie HEX zu RGB?

Nein. Der HEX-zu-RGB-Konverter ist für #rgb / #rrggbb-Codes, plus CMYK, Kontrast und Tokens. Dieses Tool ist der bidirektionale RGB-↔-HSL-Weg. Kombinieren Sie beide, wenn eine Spec HEX und HSL mischt.

Verlässt meine Farbe das Gerät?

Nein. Der RGB-zu-HSL-Konverter läuft vollständig in Ihrem Browser. Werte werden nicht hochgeladen oder auf einem Server gespeichert.

Konverter-Tools

RGB-zu-HSL-Konverter

Wandeln Sie RGB (0-255) in HSL (Farbton, Sättigung, Helligkeit) und zurück in Ihrem Browser um.

rgb(20, 184, 166)hsl(173, 80%, 40%)

RGB

= hsl(173, 80%, 40%)

HSL

= rgb(20, 184, 166)

HEX #14b8a6

Über RGB-zu-HSL-Konverter

Wandeln Sie RGB (0-255) in HSL (Farbton, Sättigung, Helligkeit) und zurück in Ihrem Browser um. Tippen Sie einen Kanal, wählen Sie eine Farbe oder klicken Sie ein Preset - Swatch, rgb()-CSS und hsl()-CSS aktualisieren sich gemeinsam. Für Stylesheets, Design-Tokens und die Übergabe zwischen Tools mit unterschiedlichen Farbmodellen. Nichts wird hochgeladen.

So verwenden Sie RGB-zu-HSL-Konverter

Geben Sie R, G und B von 0 bis 255 ein - oder wählen Sie eine Farbe mit dem nativen Picker.
Lesen Sie die passenden H-, S- und L-Werte (Farbton 0-360, Sättigung und Helligkeit 0-100%).
Ändern Sie H, S oder L für die Gegenrichtung; RGB und die Swatch aktualisieren sich sofort.
Kopieren Sie rgb()- oder hsl()-CSS (oder HEX) in Ihr Stylesheet - ohne Anmeldung.

Beispiele für RGB-zu-HSL-Konverter

Reines Rot

rgb(255, 0, 0) → hsl(0, 100%, 50%).

Tailwind-Blau 500

rgb(59, 130, 246) → hsl(217, 91%, 60%).

Neutrales Grau

rgb(128, 128, 128) → hsl(0, 0%, 50%). Der Farbton ist 0, weil Grau keine Sättigung hat.

HSL zu RGB

hsl(120, 100%, 50%) → rgb(0, 255, 0) (reines Grün).

Vollständigen Guide lesen

So verwenden Sie RGB-zu-HSL-Konverter: Vollständiger Guide (2026) - 5 Min. Lesezeit

Häufig gestellte Fragen zu RGB-zu-HSL-Konverter

Wie wandle ich RGB in HSL um?: Geben Sie Rot, Grün und Blau von 0 bis 255 ein. Das Tool berechnet Farbton (0-360), Sättigung (0-100%) und Helligkeit (0-100%) und zeigt kopierbares hsl()-CSS. Beispiel: rgb(255, 0, 0) ist hsl(0, 100%, 50%).
Kann ich HSL in RGB umwandeln?: Ja. Ändern Sie H, S oder L und die RGB-Kanäle, rgb()-CSS, HEX und Swatch aktualisieren sich gemeinsam. Der Farbton wickelt bei 360; Sättigung und Helligkeit werden auf 0-100 begrenzt.
Was bedeuten H, S und L?: Farbton ist der Winkel auf dem Rad (0 Rot, 120 Grün, 240 Blau). Sättigung ist, wie kräftig die Farbe ist (0% Grau, 100% Vollfarbe). Helligkeit ist, wie hell sie ist (0% Schwarz, 50% rein, 100% Weiß).
Warum ist der Farbton bei Grau 0?: Grau hat 0% Sättigung, daher ist der Farbton undefiniert und dieser Konverter meldet 0. Eine Änderung des Farbtons an Grau wirkt erst, wenn Sie die Sättigung erhöhen.
Ist das dasselbe wie HEX zu RGB?: Nein. Der HEX-zu-RGB-Konverter ist für #rgb / #rrggbb-Codes, plus CMYK, Kontrast und Tokens. Dieses Tool ist der bidirektionale RGB-↔-HSL-Weg. Kombinieren Sie beide, wenn eine Spec HEX und HSL mischt.
Verlässt meine Farbe das Gerät?: Nein. Der RGB-zu-HSL-Konverter läuft vollständig in Ihrem Browser. Werte werden nicht hochgeladen oder auf einem Server gespeichert.

HEX-zu-RGB-Konverter

Konvertieren Sie HEX zu RGB (und zurück) mit HSL, CMYK, einer Tint-Shade-Rampe, WCAG-Kontrastkarten und einem CSS-Token-Snippet - kostenloser Online-Farbcode-Konverter.

cm-zu-Zoll-Konverter

Konvertieren Sie Zentimeter sofort zu Zoll und Zoll zu Zentimetern. Kostenloser Online-cm-zu-Zoll-Konverter mit 1 Zoll = 2,54 cm und präzisen Ergebnissen in beide Richtungen.