Color Picker

Choose a color with the eyedropper or sliders and copy its HEX, RGB, HSL and CMYK values — with a live preview.

Everything runs locally in your browser.

How to use Color Picker

  1. Use the picker to choose a color, or type a HEX value.
  2. The preview and all formats update instantly.
  3. Copy any value with one click.

About this tool

Designers and developers constantly move between HEX, RGB, HSL and CMYK. This picker shows all of them at once, so you can grab the format your project needs without a separate conversion step.

Frequently asked questions

Is the CMYK value exact?
CMYK is an approximation for on-screen work — converting screen RGB to print CMYK depends on the printer and paper, so treat it as a starting point.

Related tools