Palette Extractor
Pull the dominant colours out of any image.
How to use
- 1 Drop an image onto the box, or click to choose a file.
- 2 Drag the slider to set how many colours you want.
- 3 Read the hex and RGB values from each swatch.
- 4 Click Copy all hex to grab the whole palette.
About Palette Extractor
Palette Extractor reads the dominant colours straight out of a picture and hands them back as a tidy set of hex and RGB swatches you can copy into a design, a CSS file or a mood board.
Drop in a photo, screenshot, logo or illustration and it is decoded and analysed entirely inside your browser using the Canvas API.
Under the hood the tool samples the image on a downscaled canvas for speed, then quantises every opaque pixel into colour buckets and ranks them by how much of the picture they cover.
The heaviest buckets win, and each one reports the average colour of the pixels it captured — so near-identical shades are merged into a single representative swatch rather than cluttering the result with dozens of almost-the-same blues.
A slider lets you ask for anywhere from two to twelve colours, and the palette updates instantly as you drag.
Each swatch shows its own hex code and rgb() value on a readable background, and a single click copies the whole palette as newline-separated hex codes ready to paste.
Because all the work happens on your own device, private photos, unreleased artwork and client screenshots never leave the browser, and the tool keeps working offline once the page has loaded.
FAQ
Is my image uploaded to a server?
No. The picture is decoded and analysed with the Canvas API inside your browser, so it never leaves your device.
How are the colours chosen?
Pixels are grouped into colour buckets and ranked by how much of the image each one covers; the largest buckets become your palette, reported as their average colour.
Why are two similar shades shown as one?
Near-identical colours are merged into a single representative swatch so the palette stays compact and useful rather than full of duplicates.