RGB naar HSL kleurconverter
Zet rode, groene en blauwe kanaalwaarden om naar het HSL-kleurmodel, waarbij je de kleurtoon in graden krijgt plus verzadiging en lichtheid als percentages.
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.
Hoe werkt deze rekenmachine?
Deel elk RGB-kanaal door 255 en neem vervolgens de max en min. De lichtheid is hun gemiddelde, de verzadiging is de chroma gedeeld door (1 − |2L − 1|), en de kleurtoon komt uit het dominante kanaal. Het resultaat is HSL: kleurtoon in graden plus verzadiging en lichtheid als percentages.
Formule
How this is calculated
Voer de drie RGB-kanalen (R, G, B) in, elk van 0 tot 255. De waarden worden begrensd binnen dat bereik en gedeeld door 255 zodat elk kanaal een breuk tussen 0 en 1 wordt. De grootste van de drie breuken is max en de kleinste is min.
De lichtheid is het middelpunt van de uitersten, L = (max + min) / 2. De chroma d = max − min bepaalt de verzadiging: S = d / (1 − |2L − 1|), wat 0 is voor elk grijs waar max gelijk is aan min. De kleurtoon wordt bepaald op basis van welk kanaal het maximum is — rood geeft 60·(((g−b)/d) mod 6), groen geeft 60·((b−r)/d + 2), en blauw geeft 60·((r−g)/d + 4); een negatief resultaat wordt teruggerold door 360 toe te voegen.
De uitvoer is H in graden (0–360°), en S en L geschaald naar percentages (×100). Voor puur grijs (R = G = B) zijn kleurtoon en verzadiging beide 0 en varieert alleen de lichtheid. De conversie is exact en verliesvrij, afgezien van de getoonde afronding van de percentages.
Veelgestelde vragen
Wanneer R, G en B identiek zijn, is de kleur een grijstint, dus de chroma (max − min) is nul. Zonder kleurinhoud is er geen kleurtoon of verzadiging, alleen de lichtheid verandert van zwart naar wit.
De kleurtoon wordt gerapporteerd in graden van 0 tot 360°, terwijl verzadiging en lichtheid percentages zijn van 0% tot 100%. Dit komt overeen met de CSS hsl()-notatie, zodat je de waarden direct in stylesheets kunt plakken.
Nee. HSL-lichtheid is het gemiddelde van het lichtste en donkerste kanaal, dus pure kleuren zitten op 50% lichtheid. HSV-waarde gebruikt alleen het maximale kanaal, dus de twee modellen rapporteren verschillende getallen voor dezelfde kleur.
Ook bekend als
TG we-Calculate Editorial Team. (2026). RGB naar HSL kleurconverter [Online calculator]. TG we-Calculate. https://we-calculate.com/nl/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB naar HSL kleurconverter." TG we-Calculate. 2026. https://we-calculate.com/nl/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB naar HSL kleurconverter," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/nl/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB naar HSL kleurconverter}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/nl/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Heeft deze rekenmachine je geholpen?