RGB Color Generator
RGB to HSL converter
Convert RGB values into HSL representation.
Inputs
3Live
Value 1
hsl(24, 100%, 50%)
HSL is useful for palette rotation and lightness edits.
Live update
Color preview
#ff6600
Value 1
hsl(24, 100%, 50%)Flow
- Normalize RGB to 0 through 1 scale.
- Use max, min, and delta to compute hue and saturation.
- Compute lightness as average of max and min.
Example
Worked example: RGB 255,102,0
- 1 Normalize RGB channels
- 2 Compute max and min
- 3 Derive HSL values from delta and lightness
RGB 255,102,0 converts to an orange HSL profile.
How
- Enter RGB channels.
- Convert to HSL values.
- Use HSL output for hue-rotation and contrast tuning.
Avoid
- Using out-of-range channel values.
- Assuming hue in percent scale.
- Ignoring that many RGB colors map to same perceived family.
FAQ
Can RGB values be decimal?
Use integer channel values for standard conversion.
Does this use sRGB assumptions?
Yes, conversion follows standard sRGB-style channel interpretation.
Why use HSL after RGB?
HSL is often easier for hue-based edits and palette generation.
Switch
Switch12
No match.