RGB-zu-HSL-Farbumrechner
Rechnen Sie RGB-Farbwerte sofort in HSL (Farbton, Sättigung, Helligkeit) um. Kostenlos, ohne Anmeldung.
Hat dieses Tool deine Frage beantwortet?
Danke — das hilft uns, das Tool zu verbessern.
So verwendest du dieses Tool
- Geben Sie Rot-, Grün- und Blauwerte ein (jeweils 0–255).
- Das Tool berechnet Farbton (0–360°), Sättigung (0–100%) und Helligkeit (0–100%).
- Nutzen Sie das hsl()-Ergebnis direkt in CSS.
Rechnen Sie RGB-Farbwerte in das HSL-Farbmodell (Hue, Saturation, Lightness) um, das in CSS und Design-Tools verwendet wird.
Formel
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
Häufige Fragen
- Was ist HSL?
- HSL steht für Hue, Saturation, Lightness (Farbton, Sättigung, Helligkeit). Es stellt Farben in einem zylindrischen Modell dar, was das Anpassen von Helligkeit und Sättigung intuitiver macht als bei RGB.
- Welchen Bereich nutzt der Farbton?
- Farbton wird in Grad von 0 bis 360 gemessen, wobei 0/360 Rot, 120 Grün und 240 Blau ist.