The ID Toolbox
← All tools

Palette Extractor

A client sends a picture of their brand instead of the hex codes. Drop the image in and get the colours that actually dominate it, with the share of the image each one covers and its contrast against white and black. Read on your computer, never uploaded.

Free · No account · Your files never upload

Drop an image here

A screenshot, a photograph, a logo. It is read on your computer and never uploaded.

What this does

Drop in a screenshot, a photograph or a logo and get the colours that actually dominate it, each with the share of the image it covers and its contrast against white and black. Copy them as hex codes or as CSS variables.

When you’d reach for it

A client sends a picture of their brand rather than the hex codes. A course has to sit alongside a photograph and you want a palette that belongs with it. Or somebody sends a screenshot of an old course and asks for “the same colours”.

Why the colours get merged

A photograph of a wall contains dozens of near-identical beiges, and a palette of dozens of beiges is not a palette. Colours close enough to be confused on screen are merged, and the merged weight is folded into the swatch it was closest to, so the shares still add up to the whole image.

What it will not do

It samples a downscaled copy of the image, which changes which pixels are counted but not which colours dominate. A colour occupying a handful of pixels will not appear, by design. It also cannot tell you which of the colours is the brand colour: the most common colour in a logo is usually the background.

Related tools