How do I get a color code from a picture?

Drop the image and click anywhere on it — the HEX code appears instantly and copies with one click.

We scan the whole image and extract its 6 dominant colors — great for design work.

What is the difference between HEX and RGB?

They are two ways of writing the same colour. HEX, like #1E90FF, is what web and design tools usually ask for. RGB gives the red, green and blue values as three numbers.

How do I use the palette?

Take the most common colour as your background or main colour, a contrasting one for buttons and highlights, and the rest as supporting tones.

HEX Color Picker From Image — Get Color Codes & Palette

Pick exact HEX and RGB colors from any image and build a palette. 100% free, no signup — the image never leaves your browser.

Drop an image here or click to choose

processed on your device — never uploaded

A colour you like is sitting in a photo, a logo or a screenshot, and you need its code to use it somewhere else. Drop the image, click the spot, and the HEX and RGB values appear; click the code to copy it.

The tool also reads the whole image and pulls out its six dominant colours as a palette. That is the quick way to build a colour scheme from a photograph, match a presentation to a brand image, or see which colours actually make up a design you admire.

The image stays in your browser and is not uploaded. Two honest notes on accuracy. A photograph is not a flat colour: neighbouring pixels differ, so click a few nearby points and take the one that represents the area. And JPG compression and screen settings shift colours slightly, so for an exact brand colour, take it from the original logo file or the brand guidelines rather than from a photo of a sign.

More sizes & options

Frequently asked questions

How do I get a color code from a picture?: Drop the image and click anywhere on it — the HEX code appears instantly and copies with one click.
What is the palette?: We scan the whole image and extract its 6 dominant colors — great for design work.
What is the difference between HEX and RGB?: They are two ways of writing the same colour. HEX, like #1E90FF, is what web and design tools usually ask for. RGB gives the red, green and blue values as three numbers.
How do I use the palette?: Take the most common colour as your background or main colour, a contrasting one for buttons and highlights, and the rest as supporting tones.

Related tools

🔒 Your files are processed on your device. This tool runs entirely in your browser — nothing is uploaded.