RGB to HSL color converter
Convert a RGB color to HSL with a live color preview. Paste a CSS value such as rgb(255, 0, 0), or enter the channels separately. Copy the converted value in one action.
Enter your color
About this conversion
The preview and converted value update as you type. RGB and HEX use 8-bit sRGB channels; percentages and hue are rounded to two decimal places. These converters handle opaque colors.
Example: convert red from RGB to HSL
rgb(255, 0, 0) converts to hsl(0, 100%, 50%). These values describe the same opaque screen color in different formats.