Color Picker & Converter

Pick a color and instantly get its HEX, RGB and HSL values.

How to use

  1. Use the color picker or type a HEX code directly.
  2. See the equivalent RGB and HSL values update instantly.
  3. Click “Copy HEX” to copy the color code to your clipboard.

Frequently Asked Questions

What formats are supported?

HEX (#rrggbb), RGB, and HSL — all three update together whenever you change the color.

Can I type a HEX code without the # symbol?

Yes, the tool adds it automatically if you leave it out.

What is HSL useful for?

Hue, Saturation, Lightness makes it easy to create consistent color variations — e.g. keep the hue and saturation but adjust lightness for a palette.