This site uses Google Analytics and cookies. For more information please see our privacy policy

HSL Color Tool

Use the HSL color tool below, by moving any of the HSL color sliders. Once a color is chosen by mixing the Hue, Saturation and Lightness, The final color is displayed in the black block, with the HSL code.

 
Hue
Saturation
Lightness
 

Related: RGB Color Tool

About this HSL Color Tool

In graphics or web design, colors are often displayed as a HSL value.
This tool allows designers to choose a color by moving sliders to create the color.

This tool is free for anyone to use.

Summary and Feedback

If you find this tool useful, we would appreciate if you share it, or consider liking or following us on Facebook.

Contact us / follow / like us on

We would also value your feedback. If there are other features similar to this, or improvements to this tool that you think could provide value, please contact us.

Tool created by WebXSpecialist (RL / JL)