Toolzy

HSL Color Picker

Adjust hue, saturation and lightness sliders to get live hex and RGB output.

HEX#1980E6
RGBrgb(25, 128, 230)

Move the H, S and L sliders and watch the color and its hex and RGB values update instantly.

How to use

  1. Drag the hue, saturation and lightness sliders
  2. Watch the preview update live
  3. Copy the hex or RGB value

Frequently asked questions

What does HSL stand for?
Hue, Saturation and Lightness, an intuitive way to describe colors.
Can I get the hex code?
Yes, the hex and RGB output update live and are one click to copy.

Related tools