HSL Color Picker

HSL color valuesdefine colors using three parameters: hue (color type), saturation (color intensity), and lightness (brightness). HSLA extends HSL by adding an alpha parameter, which specifies the opacity level of the color.

HSL Color Picker

Use thisHSL Color Pickerto create your desired color by adjusting the hue, saturation, and lightness levels:

Input

Adjust the hue, saturation, and lightness to create your desired color.

Hue
Saturation
Lightness

Result (HSL Color)

HSL Color Code Copy & Use

Copy