AbraCalc

HSL in RGB Farbumrechner

Rechnen Sie HSL-Farbwerte (Hue, Saturation, Lightness) sofort in RGB um.

Von · Geprüft von AbraCalc Methodology Review · 2 Quellen

Dieses Tool auf deiner Seite einbetten
Dieses Tool zitieren

APA

AbraCalc. (2026). HSL in RGB Farbumrechner [Online calculator]. Retrieved from https://abracalc.com/de/hsl-in-rgb/

BibTeX

@misc{abracalc-hsl-in-rgb, author = {AbraCalc}, title = {HSL in RGB Farbumrechner}, year = {2026}, howpublished = {\url{https://abracalc.com/de/hsl-in-rgb/}} }

Hat dieses Tool deine Frage beantwortet?

So verwendest du dieses Tool

  1. Geben Sie den Farbton (0–360°), die Sättigung (0–100%) und die Helligkeit (0–100%) ein.
  2. Das Tool gibt die entsprechenden Rot-, Grün- und Blauwerte aus (0–255).
  3. Kopieren Sie die rgb()-Zeichenfolge in Ihr CSS oder lesen Sie die einzelnen R-, G-, B-Werte ab.

Rechnen Sie HSL-Werte (Hue, Saturation, Lightness) zurück in RGB um, für Bilder, Canvas oder überall dort, wo RGB benötigt wird.

Formel

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

Häufige Fragen

Wie funktioniert die Umrechnung von HSL in RGB?
Der Algorithmus rechnet Sättigung/Helligkeit in Zwischenwerte um und ordnet dann den Farbtonwinkel mit einer stückweisen Funktion einzelnen R-, G-, B-Kanälen zu.
Was ist hsl(120, 100%, 50%)?
Das ist reines Grün: rgb(0, 255, 0).

Quellen und Verweise