Extract the dominant colours of any image as a palette with exact HEX values and pixel shares — sampled locally in your browser, never uploaded. Runs entirely in your browser — your numbers never leave this device.
No image loaded yet. Load one and its dominant colours are extracted on this device — the image is never uploaded, and the palette below is computed from its actual pixels.
| Readout | Meaning | How to use it |
|---|---|---|
| HEX | The group's representative colour as a hex value, e.g. #1e90ff | Paste into CSS, a design tool, or the Color Converter |
| Share | The group's pixels as a percentage of all pixels counted | Judge dominance: the largest share is the image's ground colour |
| Swatch order | Largest share first | Read the palette as the image's colour hierarchy, not a list of equals |
| Group count | How many distinct groups the palette shows | More groups suit photographs; flat graphics honestly return few |
Your image is processed entirely in your browser and never uploaded: it is decoded on your own device (with its EXIF orientation applied, so a phone photo is analysed upright), its pixels are counted into colour groups, and the largest groups are presented as a palette of swatches with HEX values. Nothing is sent to a server, stored or logged, and the generator works offline once the page has loaded — the same privacy mechanic as every Kwikfig image tool, because it is the same architecture.
Counting is literal. Every pixel belongs to exactly one group, so the shares of all groups sum to 100%, and a flat graphic yields exactly the colours it was drawn with: an image that is half one colour and half another returns those two colours at 50% and 50%. Photographs are the opposite case — thousands of near-identical shades — so channels are rounded into groups before counting, which gathers the sky's hundred blues into the blue that dominates it. The table below explains each readout; the share is the honest headline, because a colour occupying 40% of an image and one occupying 2% are both “in” it, but only one defines it.
The palette is a starting point for design work: click a swatch to copy its HEX, pair it with the Color Picker from Image when you need the exact value at one specific pixel rather than the dominant groups, and check combinations in the Color Converter and Contrast Checker before committing text to a coloured background. The palette lives only in this tab — copy the values out before closing it.
No — never. The image is decoded and counted entirely inside your browser; it never leaves your device, is never stored or logged, and the tool works with the network disconnected.
Because a photograph contains thousands of shades and a palette of thousands is useless. Channels are rounded into groups before counting, so near-identical shades count together and the palette shows the groups that actually dominate, with their shares. For the exact colour of one specific pixel, use the Color Picker from Image.
The share of the image's counted pixels that fell into that colour's group: share = group pixels ÷ total pixels × 100. It measures area, not importance — a small bright accent can matter visually at 2%, and the share tells you plainly that it is 2%.
Because that is what it contains. Flat graphics are drawn from a handful of exact colours, and the counter reports them exactly — an equal two-colour graphic returns its two colours at 50% each rather than inventing variety.
Click a swatch to copy its HEX value, then paste it into your stylesheet or design tool. The largest-share colour is the natural background or ground; smaller shares are the accents. Check any text-and-background pairing in the Contrast Checker before shipping it.
More in Image Tools · Browse all tools