RGB to HSL Converter
Convert RGB (red-green-blue values (0-255)) to HSL (hue-saturation-lightness values) instantly and accurately in your browser. Paste a value like rgb(255, 0, 0), and get the exact HSL equivalent plus HEX, HSL, HSV, CMYK, XYZ, LAB and more — with a live swatch preview and one-click copy.
How to use RGB to HSL Converter
Paste your color
Enter a RGB value such as rgb(255, 0, 0) into the input field, or pick a color with the visual picker.
View the conversion
The HSL equivalent is computed instantly, alongside every other supported color format.
Copy the result
Click any value to copy it to your clipboard, or convert many colors at once with batch mode.
Color Converter — input RGB
Paste hex, rgb(), hsl(), hsv(), cmyk() or a named color
Converted values
#ffffff
#ffffff
rgb(255, 255, 255)
rgba(255, 255, 255, 1.000)
hsl(0.0, 0.0%, 100.0%)
hsv(0.0, 0.0%, 100.0%)
hwb(0.0, 100.0%, 0.0%)
cmyk(0.0%, 0.0%, 0.0%, 0.0%)
xyz(0.950, 1.000, 1.089)
lab(100.000, -0.000, 0.000)
luv(100.000, -0.000, 0.000)
hsi(0.0, 0.0%, 100.0%)
yuv(1.000, 0.000, 0.000)
ycbcr(235.000, 128.000, 128.000)
#ffffff
#faffff
#ffffff
Batch conversion — convert many colors at once
| Input | HEX | RGB | Copy |
|---|---|---|---|
| Results will appear here | |||
100% client-side — your colors never leave this page.
Key Features
- Instant RGB to HSL conversion
- Live color swatch preview for every input
- All common formats: HEX, RGB, HSL, HSV, HWB, CMYK, XYZ, LAB, LUV, HSI, YUV, YCbCr
- One-click copy for any value
- Batch mode converts hundreds of colors at once
- 100% client-side — colors never leave your browser
Common Use Cases
- Copy RGB colors from design tools as HSL values for code
- Convert brand colors between RGB and HSL for print and web
- Check the exact HSL equivalent of RGB colors before shipping UI
- Batch-convert RGB swatches to HSL for stylesheets or CSS variables
Explore Related Tools & Guides
HSL to RGB Converter
Convert HSL to RGB color values instantly. Free online HSL to RGB converter with live preview, copy
Color Converter
Free online color converter — convert HEX, RGB, HSL, HSV, CMYK, XYZ, LAB and more instantly with liv
RGB to HEX Converter
Convert RGB to HEX color values instantly. Free online RGB to HEX converter with live preview, copy
RGB to CMYK Converter
Convert RGB to CMYK color values instantly. Free online RGB to CMYK converter with live preview, cop
HEX to HSL Converter
Convert HEX to HSL color values instantly. Free online HEX to HSL converter with live preview, copy
Color Picker
Free online color picker from images — upload any image, click any pixel to get its HEX, RGB and HSL
Color Wheel
Interactive online color wheel — explore hue, saturation and brightness to create perfect color comb
Color Harmonies (Color Scheme Generator)
Generate 7 classic color harmonies — complementary, triadic, tetradic, square, analogous and more —
Technical Details
Related Tools
View AllColor Converter
Free online color converter — convert HEX, RGB, HSL, HSV, CMYK, XYZ, LAB and more instantly with live preview and batch mode.
HEX to RGB Converter
Convert HEX to RGB color values instantly. Free online HEX to RGB converter with live preview, copy buttons, and batch support.
RGB to HEX Converter
Convert RGB to HEX color values instantly. Free online RGB to HEX converter with live preview, copy buttons, and batch support.
HEX to HSL Converter
Convert HEX to HSL color values instantly. Free online HEX to HSL converter with live preview, copy buttons, and batch support.