RGB to HSL
FreeConvert RGB color values to HSL format
hsl(239, 84%, 67%)
About RGB to HSL
HSL describes color the way designers think about it, with hue, saturation, and lightness, which makes tweaks like lightening a shade or rotating a hue far more intuitive than nudging raw RGB channels. If your color is in RGB, converting it to HSL lets you reason about it more naturally. This tool computes the HSL equivalent of any RGB color for you.
Enter the red, green, and blue values and the converter calculates the hue in degrees, plus saturation and lightness as percentages. It is free, runs in your browser, needs no signup, and returns the result instantly. The output drops straight into CSS hsl() colors, where adjusting one component changes the color in a predictable, human-friendly way.
Common uses
- Converting RGB to HSL so you can build a lighter or darker shade
- Generating a color palette by rotating the hue of a base RGB color
- Using hsl() in CSS for more intuitive color adjustments
- Checking the saturation and lightness of an existing RGB color
- Creating hover or active states by shifting lightness from a base color
How to use
- 1
Configure options
Set your preferences using the options panel below.
- 2
Click Generate
Click the process button to generate your result instantly.
- 3
Copy or download
Copy the result to clipboard or download it directly to your device.
Why ToolHub?
- Accurate conversion
- Multiple formats
- Instant results
FAQ
What units does the output use?
Hue is given in degrees from 0 to 360, while saturation and lightness are percentages from 0 to 100, matching CSS hsl().
Does the conversion lose color information?
No. RGB and HSL describe the same color space, so the conversion is lossless aside from rounding.
What range should the RGB inputs be?
Each channel should be an integer from 0 to 255, the standard RGB range.
Why is hue 0 for grays?
When red, green, and blue are equal the color is a gray with no saturation, so hue is undefined and reported as 0.
Can I use RGB to HSL on mobile?
Yes — ToolHub is fully responsive and works on iPhone, Android, tablets and all modern browsers. No app install needed.