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.
Describe the edit — the AI assistant does it on the canvas.
2 free credits · No signup · ~10 seconds
Drop an image
PNG, JPG, WebP or SVG — up to 30 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.
2 free credits · 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.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
The Best Free Design Tools for Indie Developers
A working set of free design tools for developers shipping solo — UI, icons, fonts, colour, illustration and asset prep — with the real free-tier limits.
How to Batch Recolor Images (Without Opening Each One)
Three honest ways to recolor a whole folder at once: a browser batch tool, a Photoshop action, and ImageMagick — plus which operations survive batching.
Extract a palette
Upload an image and copy its dominant colours.