Color picker

Pick any color and get its HEX, RGB, HSL and CMYK codes, lighter and darker shades and a contrast check. You can also click a pixel in an image. Free and private.

Pick a colorHEX

Lighter and darker

Pick from an image

Drop an image, then click any pixel

Color codes

HEX

RGB

HSL

CMYK

CSS

Text contrast

On white

On black

WCAG: 4.5:1 is AA for normal text, 7:1 is AAA.

How to use it

Pick a color, type a HEX code, or drop an image and click a pixel.
Copy the HEX, RGB, HSL or CMYK code.
Check the contrast against white and black before you use it for text.

Common questions

How do I get the color code from an image?

Drop the image into the picker and click the pixel you want. The HEX, RGB, HSL and CMYK codes appear. The image stays on your device.

How do I convert HEX to RGB?

Type the HEX code and read the RGB value. For example, #5B4DFF is rgb(91, 77, 255).

What is a good text contrast?

WCAG asks for 4.5 to 1 for normal text and 3 to 1 for large text. 7 to 1 is the highest level, AAA.

Is it free?

Yes. No sign-up and nothing is uploaded.