Color Picker

Select the perfect color using HSL sliders

Adjust Color

0°
0° 180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Color Preview

Aa
Text color changes based on contrast

Color Values

Export

Frequently Asked Questions

How do I use the color picker?

Use the hue slider to select a color family, the saturation slider to adjust color intensity, and the lightness slider to make it brighter or darker. You can also click on any quick color preset.

What is HSL color format?

HSL stands for Hue, Saturation, and Lightness. Hue is the color type (0-360°), Saturation is color intensity (0-100%), and Lightness is brightness (0-100%). It's more intuitive than RGB for adjusting colors.

Can I convert between color formats?

Yes! Our color picker automatically shows your color in HEX, RGB, and HSL formats. You can copy any format with a single click. For more conversions, try our Color Converter tool.

How do I get a random color?

Simply click the "Random Color" button to generate a random color. This is great for inspiration when you're stuck or need to explore new color options.