HSL color picker
Set hue, saturation and lightness and copy hsl().
An HSL color picker is a tool that builds a color from HSL values.
It sets hue saturation and lightness and gives the matching HEX RGB and CMYK values to copy.
Set each channel to the value you want.
The swatch and every format update at once.
Copy any format with one click.
Change lightness to make tints and shades.
Hold the hue and vary saturation for sets.
Read the same color as HEX RGB or CMYK.
Set exact brand and UI colors.
Build matching tints shades and themes.
Copy values straight into CSS or design tools.
HSL stands for hue saturation and lightness.
HSL is easier to tweak by eye for tints and shades.
Yes. It is free with no sign-up and runs in your browser.