Color
RGB to HSL Converter
Convert RGB colors to HSL online. Enter RGB values or CSS rgb() input and get hue, saturation and lightness values with live preview.
Tool
Convert RGB colors to HSL online. Enter RGB values or CSS rgb() input and get hue, saturation and lightness values with live preview.
This tool runs in your browser. Your input is processed locally and is not uploaded.
About this Tool
Use this free RGB to HSL converter to transform red, green and blue color values into hue, saturation and lightness. HSL makes it easier to adjust brightness, saturation and color tone when building CSS themes, UI palettes and design systems.
Examples
- rgb(255, 87, 51)
- rgb(59, 130, 246)
- 255, 255, 255
- 0, 0, 0
Frequently Asked Questions
What does RGB to HSL mean?
RGB describes a color by red, green and blue channels. HSL describes the same color by hue, saturation and lightness.
Why convert RGB to HSL?
HSL is easier to edit manually. You can adjust lightness or saturation without changing the entire color structure.
Can I paste CSS rgb() values?
Yes, the tool should accept CSS-style rgb() input such as rgb(255, 87, 51) and plain channel values such as 255, 87, 51.
Will the converted color look the same?
Yes, RGB and HSL can describe the same screen color. Small rounding differences may appear depending on precision.