RGB to HSL Converter

HSL means hue, saturation, and lightness, an alternative way to describe the same color as RGB.

Hue is given in degrees from 0 to 360, while saturation and lightness are percentages.

It returns a copyable CSS hsl() string, for example hsl(210, 50%, 40%).

Translate red, green and blue values into the more intuitive hue, saturation and lightness model. RGB describes a color by how much of each screen primary it contains, which is precise but hard to reason about; HSL instead separates the actual color (hue, a wheel from 0 to 360 degrees) from how vivid it is (saturation) and how bright it is (lightness).

Yes. RGB to HSL Converter is completely free, with no sign-up and no usage limits.

Yes. RGB to HSL Converter runs in any modern web browser. There is nothing to download or install.

Yes. RGB to HSL Converter runs entirely on your device in your browser, so nothing you enter is uploaded to a server.