Does it give RGB too?

Yes — alongside the HEX code you get the RGB values, ready to paste into any design tool or CSS.

Can I zoom in for a precise pixel?

Yes — zoom to hit exactly the pixel you want, which matters when colors change sharply across an edge.

Why is the colour I picked different from the brand's official HEX?

JPG compression, screen colour profiles and anti-aliased edges all shift values by a few points. For an exact match, sample a flat area of a PNG or SVG export of the logo, or use the published brand guide.

Can I get the colour of a wall or fabric from a photo?

Approximately. Lighting and the camera's processing change the colour, so sample several spots in even light and expect a close match rather than an exact one. For paint, confirm with a physical swatch.

Get a HEX Color Code From an Image

Click any pixel in an image to grab its exact HEX color code — free, in your browser.

Drop an image here or click to choose

processed on your device — never uploaded

The quickest way to get a colour code is to take it from something that already has the colour: a client's logo, a competitor's button, a screenshot of a website you admire, a photo of a paint chip. Load the image, click the point, and the HEX value appears alongside its RGB equivalent, ready to copy into CSS, Figma, Canva, PowerPoint or a paint-matching form. For a whole scheme at once, the page also extracts the six colours that dominate the image, which is a shortcut to a palette that already looks coherent.

Flat graphics give exact answers: a logo exported as PNG, a screenshot of a web page or an app contains the real colour in every pixel of a filled area. Photographs do not; light, shadow and camera processing mean a red jacket is a hundred different reds, so sample the middle of an evenly lit area and treat the result as representative rather than exact. Avoid the edges of shapes and letters, where anti-aliasing blends the colour with its neighbour, and remember that JPG compression nudges values slightly, so a brand colour taken from a JPG of a logo can be off by a point or two from the official code in the brand guide. The image stays on your device throughout.

More sizes & options

Frequently asked questions

Does it give RGB too?: Yes — alongside the HEX code you get the RGB values, ready to paste into any design tool or CSS.
Can I zoom in for a precise pixel?: Yes — zoom to hit exactly the pixel you want, which matters when colors change sharply across an edge.
Why is the colour I picked different from the brand's official HEX?: JPG compression, screen colour profiles and anti-aliased edges all shift values by a few points. For an exact match, sample a flat area of a PNG or SVG export of the logo, or use the published brand guide.
Can I get the colour of a wall or fabric from a photo?: Approximately. Lighting and the camera's processing change the colour, so sample several spots in even light and expect a close match rather than an exact one. For paint, confirm with a physical swatch.

Related tools

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