Color Picker & Converter

Pick a color or paste any color code — HEX, RGB, HSL or a name like “teal” — and get every format, plus lighter and darker variations.

Runs in your browser — nothing is uploaded

Shades & tints

Color values

Aa
HEX—
RGB—
HSL—
HSV—
CMYK—

How to use Color Picker

  1. Click the swatch to pick a color, or type/paste a color code.
  2. Copy the format you need — HEX for CSS, RGB for design tools, CMYK for print.
  3. Click a shade or tint to explore nearby colors.

Questions

How do I convert HEX to RGB?

Paste the HEX code (for example #0F766E) into the box. The RGB value appears instantly: rgb(15, 118, 110). It works the other way round too.

Is the CMYK value exact for print?

It’s a mathematical conversion without a printer color profile. For critical print work, confirm the color with your printer.

Can I pick a color from my screen?

In Chrome and Edge, use “Pick from screen” to sample any pixel on your display. To pick from a photo, use the Image Color Picker.