Online Color Converter(RGB to HSL / HSL to RGB)

This is a color converter that runs on the web browser.
It can convert RGB to HSL, or convert HSL to RGB.

■ RGB to HSL Color converter

■ HEX

HEX :

■ RGB

R :
G :
B :

■ HSL

H :
S :
L :

range (H) :
range (S,L) :

Color preview

#ffffff

Now loading...

Instructions for Use

How to convert HSL to RGB

Please enter the HSL in the text box.
Enter the HSL values

The entered HSL is automatically converted to RGB and displayed on the screen.
Enter the RGB values

How to convert RGB to HSL

Please enter the RGB in the text box.
Enter the RGB values

The entered RGB is automatically converted HSL and displayed on the screen.
Enter HSL values

what is HSL?

HSL refers to a method of expressing color using "Hue", "Saturation", and "Lightness / Luminance" elements.

HSV is a similar method of expression to HSL, and uses "Hue", "Saturation", and "Value / Brightness" as elements to express color. However, the methods used to calculate the values for brightness and luminance are completely different, and it is therefore important to be careful not to confuse the two.

The benefits of using HSV / HSL

RGB, a common method of expressing color, combines primary colors, but this method makes it difficult to imagine how color will change when you adjust each element, making it unsuitable for when you need to make fine adjustments to the color shown.

HSV / HSL, on the other hand, expresses color using brightness and vividness, which are more intuitive elements, making it easy to adjust the color to be brighter/darker, lighter/deeper, etc.

Other Tools

RGB to HEX Color converter

Convert HEX to RGB and RGB to HEX.

RGB to HSV Color converter

Convert HSV to RGB and RGB to HSV.