Image tools

Image color picker

Pick a colour from an uploaded image and see its HEX, RGB and HSL values, plus a chosen-colour converter.

Choose image — or drop files here

Colour converter

HEX

HEX #ff0000 = rgb(255, 0, 0) = hsl(0, 100%, 50%)

R G B

RGB (255, 0, 0) = #ff0000 = hsl(0, 100%, 50%)

How to use Image color picker

Upload an image.
Click the colour you want to read.
Copy its HEX, RGB or HSL value into your design.

A good use for this

Matching an exact colour from a photo, logo, or screenshot for a website or document.

Limits

The value read is the colour of that exact pixel, which may be affected by compression or lighting in the photo — for a brand colour, check it against the brand's official value.