How to colour palette
- Add an image — a photo, a screenshot of a website, or a piece of artwork.
- Choose how many colours you want in the palette (4 to 12).
- Press Extract palette.
- Click any swatch to copy its hex code, or copy the whole palette as CSS custom properties.
Why this runs in your browser
Almost every other free image tool uploads your file to a server, processes it there and sends it back. Colour Palette does the work with the Canvas and File APIs that are already built into your browser, so the picture never leaves your device. That is faster for large files, it works on a plane, and it means there is no copy of your photo sitting in somebody's S3 bucket waiting to be deleted by a retention policy.
Frequently asked questions
How are the colours chosen?
The image is downscaled, every pixel is grouped into a colour bucket, and the largest buckets are refined to their average colour. The result is the colours that actually cover the most area, not just the most saturated ones.
Why do I get lots of similar greys?
Photographs really are mostly muted mid-tones. Lower the colour count for a punchier palette, or crop the image to the region you care about first.
Can I use these colours for a brand palette?
They are a starting point. Extracted colours often fail contrast requirements when used as text on a background — check any pair you intend to use for text against WCAG 4.5:1 before shipping.
Does it work on transparent PNGs?
Yes. Fully transparent pixels are ignored so the palette reflects the artwork rather than the empty background.