RGB to HSL Converter
Convert RGB colors to HSL instantly. Paste a value below and copy the result.
Also in
About this conversion
RGB describes a color by its red, green, and blue light components, each from 0 to 255. It matches how screens physically produce color, which makes it the natural format for programmatic color manipulation in CSS and JavaScript.
HSL expresses a color as hue (0-360° on the color wheel), saturation, and lightness percentages. It is far more intuitive to adjust than RGB: shifting lightness or saturation keeps the same base hue, which makes HSL popular for building color variations by hand.
To convert RGB to HSL, the color is first interpreted in the sRGB color space and then expressed in HSL notation. Paste a RGB value like rgb(31, 162, 255) above and copy the HSL result. The conversion happens instantly in your browser, and nothing is uploaded.