Don's Tools · Image · Colour Palette Extractor

Colour palette from an image

Drop an image and pull out its main colours as HEX and RGB, ready to copy. Nothing is uploaded.

🎨
Drop an image here
or tap to choose · PNG, JPG, WebP, GIF · stays on your device
your image
Tap any value to copy
Colour Palette Extractor reads any image entirely in your browser, with nothing uploaded, and pulls out its most common, visually distinct colours as a palette. You get HEX and RGB codes you can copy individually, as a list, or as CSS variables, and you can download the palette as a PNG.

Files are processed in your browser and never uploaded.

How to use Colour palette from an image

  1. Add your file

    Drop your image file onto the upload area, or tap the area to choose it from your device.

  2. Run it

    Press Copy hex list, Don. The button stays disabled until there is something to work on, and each file shows its own progress and result.

  3. Save the result

    Press Download palette PNG. Each finished file keeps a name based on the one you started with, so you can tell the versions apart.

What this tool does

Extract dominant colours from any image

The image is analysed on your device and the colours that actually dominate it are pulled out, rather than a fixed set of swatches.

HEX and RGB codes

Every swatch comes with its HEX and RGB values, which is what a design tool or a stylesheet will ask for.

Copy individually, as a list, or as CSS

Copy a single colour, the whole palette as a list, or a block of CSS custom properties ready to paste into a stylesheet.

Download the palette as a PNG

Download the palette as a PNG when you want to keep it as a reference or send it to someone.

Runs in your browser, nothing uploaded

PNG, JPG, WebP and GIF are read and analysed by your browser, so the image is never uploaded.

Frequently asked questions

Are my images uploaded to extract the colours?

No. The image is read and analysed entirely in your browser on your device, so nothing is uploaded and it works offline.

How are the colours chosen?

The tool scans the image, groups similar pixels, and picks the most common, visually distinct colours so you get a clean, usable palette rather than dozens of near-identical shades.

Can I copy the colours easily?

Yes. Tap any HEX or RGB value to copy it, or use Copy hex list and Copy as CSS to grab them all at once. You can also download the palette as a PNG.

What image formats work?

PNG, JPG, WebP and GIF all work. For the cleanest palette, use a clear, well-lit image.

How many colours can I get?

Between 4 and 100. Fewer gives the boldest, most dominant colours; higher counts give a fuller, more detailed range, though very high numbers may repeat similar shades on simple images.

Last updated: