Free tool · runs in your browser

Image colour picker

Click anywhere on an image to get the exact colour code, and see the image's main colours as a palette.

Choose an imageor drop it here. It stays on your device.

Quick answer

Choose an image, move over it, and click a pixel to get its colour as HEX, RGB and HSL, each with a Copy button. Below that, the tool lists the main colours in the image as a palette you can click. It is an easy way to match a brand colour from a logo or screenshot, and your image stays on your device.

How to use it

Choose an image. A logo, a screenshot or a photo.
Click the colour you want. A live swatch follows your pointer.
Copy the code. Copy HEX, RGB or HSL, or click a colour in the palette.

Example

Clicking on a solid blue area of an image:

Input

A blue pixel in logo.png

Output

HEX: #2563EB
RGB: rgb(37, 99, 235)
HSL: hsl(221, 83%, 53%)

Common errors and how to fix them

The colour is slightly off: JPG compression changes pixels a little. Use a PNG or click a larger flat area.
Transparent areas read as black: Fully transparent pixels have no real colour. Click a visible part of the image.

Frequently asked questions

How do I find the HEX code of a colour in an image?

Choose the image here and click the colour. The HEX code appears with a Copy button.

What is the difference between HEX, RGB and HSL?

They describe the same colour differently. HEX is the short form used in web code, RGB gives red, green and blue from 0 to 255, and HSL gives hue, saturation and lightness, which is easier to adjust.

Why does the same colour give slightly different codes?

Photos and JPGs vary pixel by pixel because of lighting and compression. Click a few spots or use the palette for an average.

How is the palette made?

Similar pixels are grouped, and the eight biggest groups are shown, each as their average colour.

How do I pick a colour from a website?

Take a screenshot and open it here. Avoid resizing it first, which blends the colours.

Are the colours accurate?

They are the values stored in the file, as your browser reads it. Wide-gamut photos may be converted to standard sRGB colours.

Does it work on phones?

Yes. Tap the image to pick the colour.

Is my image uploaded?

No. It is read in your browser.

How do I convert a colour code to another format?

All three formats appear here. To type in a code you already have and check its contrast, use the color converter.

Can I use the picked colour in a favicon?

Yes. Copy the HEX code and enter it in the favicon generator as a text or background colour.