coding tips on

HSL To RGB Converter

To convert HSL to RGB paste your HSL value into the input field below, or use the color picker below.

colour picker

What is this tool?

This is a simple tool for converting HSL (hue, saturation, lightness) color values into the RGB color model.

The first way to use it is to enter your individual HSL values into the corresponding input fields at the top. The other way is by selecting a new color using the color picker tool.

The closest RGB representation will be automatically displayed below. To copy the RGB code for use in CSS to your clipboard click the small icon in the centre.