Color Translation•Live Color Studio•100% Client-Side
RGB to HSL Converter
Translate Red, Green, and Blue color channels directly to Hue, Saturation, and Lightness.
239
68
68
CSS HSLhsl(0, 84%, 60%)
Hue0°
Saturation84%
Lightness60%
Conversion Math Steps
1. Normalize RGB (0 to 1)
R' = 0.937
G' = 0.267
B' = 0.267
2. Find Extrema & Delta
Cmax = 0.937
Cmin = 0.267
Δ (Delta) = 0.670
3. Lightness & Saturation
L = (Cmax + Cmin) / 2 = 60%
S = Δ / (1 - |2L - 1|) = 84%
Color Science & Standards
Conversions follow standard sRGB color space and W3C / WCAG 2.1 accessibility guidelines.
L = (max + min) / 2 | S = Δ / (1 - |2L - 1|) | H = sector offset × 60°
How to Use RGB to HSL Converter
01
Adjust Red, Green, and Blue sliders.
02
View calculated HSL percentages and degrees in real-time.
03
Review the mathematical step breakdown.
Frequently Asked Questions
How is Hue calculated from RGB?
Hue is calculated by determining which RGB channel is the dominant maximum (Red, Green, or Blue) and measuring the relative difference of the other two channels along the color circle.
Explore Companion Color Tools
Free client-side color pickers, converters, CSS gradient generators, and WCAG contrast tools.