Extract a Colour Palette from an Image
Upload any image and get its dominant colours as hex codes, ordered by how much of the picture each one covers.
Free preview · No signup · ~10 seconds
Drop an image
PNG, JPG, WebP or SVG — up to 20 MB
Runs entirely in your browser. Your image is never uploaded.
How colours are pulled out of an image
Grouping, not counting
A photograph contains thousands of distinct values, almost all of them imperceptibly different. Colours are grouped by perceptual similarity in Lab space and reported as clusters, which is why you get a usable handful rather than a meaningless list.
What the percentage means
The figure under each swatch is that colour group share of the visible pixels. Transparent areas are excluded, so a cut-out logo reports the proportions of the mark itself rather than of the empty canvas around it.
Dominant is not the same as important
The largest area is often a background or a sky, not the colour that defines the image. A brand mark can occupy two percent of a photograph and still be the point of it. Read the percentages as coverage, not as significance.
Photographs versus flat graphics
Flat artwork extracts cleanly because its colours genuinely are uniform. A photograph is continuous tone, so what comes back is a representative sample rather than a definitive list — lighting alone will shift the result between two shots of the same subject.
Nothing is uploaded
The image is read on a canvas in your browser. No copy is sent to a server, which matters when the image is an unreleased design or a client asset.
How to extract a colour palette from an image
Upload your image
Drop in a photo, logo, or graphic.
Choose how many colours
Drag the slider for how many groups to report, from two to sixteen.
Copy what you need
Click a swatch to copy one hex, or copy the whole palette.
Extract a Colour Palette from an Image — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Where extracted palettes are used
Recovering brand colours
Get the hex codes from a logo when nobody can find the brand guidelines.
Matching a design to imagery
Pull a palette from a hero photo so the page around it agrees with it.
Mood boards
Turn a set of reference images into a working colour direction.
Product colour data
Extract the actual colours of a product shot for listings and filters.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
Extract a palette
Upload an image and copy its dominant colours.