RGB-zu-HSL-Farbkonverter
Verwandeln Sie Rot-, Grün- und Blau-Kanalwerte in das HSL-Farbmodell, das den Farbton in Grad sowie Sättigung und Helligkeit als Prozentwerte liefert.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Wie funktioniert dieser Rechner?
Teilen Sie jeden RGB-Kanal durch 255 und ermitteln Sie dann Maximum und Minimum. Die Helligkeit ist ihr Durchschnitt, die Sättigung ist die Chroma geteilt durch (1 − |2L − 1|), und der Farbton ergibt sich aus dem dominanten Kanal. Das Ergebnis ist HSL: Farbton in Grad plus Sättigung und Helligkeit als Prozentwerte.
Formel
How this is calculated
Geben Sie die drei RGB-Kanäle (R, G, B) ein, jeweils von 0 bis 255. Die Werte werden in diesen Bereich begrenzt und durch 255 geteilt, sodass jeder Kanal zu einem Bruch zwischen 0 und 1 wird. Der größte der drei Brüche ist max und der kleinste ist min.
Die Helligkeit ist der Mittelpunkt der Extreme, L = (max + min) / 2. Die Chroma d = max − min bestimmt die Sättigung: S = d / (1 − |2L − 1|), die für jedes Grau, bei dem max gleich min ist, 0 beträgt. Der Farbton wird aus dem jeweils maximalen Kanal ermittelt — Rot ergibt 60·(((g−b)/d) mod 6), Grün ergibt 60·((b−r)/d + 2) und Blau ergibt 60·((r−g)/d + 4); ein negatives Ergebnis wird durch Addition von 360 umgebrochen.
Die Ausgaben sind H in Grad (0–360°) sowie S und L skaliert auf Prozentwerte (×100). Für reine Grautöne (R = G = B) sind Farbton und Sättigung beide 0 und nur die Helligkeit variiert. Die Umwandlung ist exakt und verlustfrei, abgesehen von der angezeigten Prozent-Rundung.
Häufige Fragen
Wenn R, G und B identisch sind, ist die Farbe ein Grauton, sodass die Chroma (max − min) null ist. Ohne Farbanteil gibt es keinen Farbton und keine Sättigung, nur die Helligkeit ändert sich von Schwarz zu Weiß.
Der Farbton wird in Grad von 0 bis 360° angegeben, während Sättigung und Helligkeit Prozentwerte von 0 % bis 100 % sind. Dies entspricht der CSS-hsl()-Notation, sodass Sie die Werte direkt in Stylesheets einfügen können.
Nein. Die HSL-Helligkeit ist der Durchschnitt aus hellstem und dunkelstem Kanal, sodass reine Farben bei 50 % Helligkeit liegen. Der HSV-Wert verwendet nur den maximalen Kanal, sodass die beiden Modelle für dieselbe Farbe unterschiedliche Zahlen melden.
Auch bekannt als
TG we-Calculate Editorial Team. (2026). RGB-zu-HSL-Farbkonverter [Online calculator]. TG we-Calculate. https://we-calculate.com/de/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB-zu-HSL-Farbkonverter." TG we-Calculate. 2026. https://we-calculate.com/de/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB-zu-HSL-Farbkonverter," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/de/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB-zu-HSL-Farbkonverter}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/de/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Hat Ihnen dieser Rechner geholfen?