Drop an image here
or click to choose · PNG, JPG, WebP, GIF
Choose imageAbout the Color Palette
Pull the dominant colours out of any picture and get their hex codes instantly. Upload a photo, choose how many swatches you want — anywhere from two to twelve — and the tool analyses the pixels, groups similar tones and ranks them by how much of the image they cover. Click any swatch to copy its hex code, or grab the whole palette in one go.
Designers use it to build colour schemes from mood-board photos, match a website to a client's product shot, or lift brand colours from a logo when no style guide exists. Illustrators sample movie stills for lighting studies; decorators pull palettes from interiors they admire. The analysis runs entirely in your browser using canvas pixel data, so reference images and unreleased artwork are never sent anywhere — and there's no account, quota or fee.
Features
- Extracts 2 to 12 dominant colours per image
- One-click hex code copy from every swatch
- Copy the entire palette as a comma-separated list
- Colours ranked by coverage in the image
- Transparent pixels ignored for accurate logo palettes
- Analysed in-browser — reference images stay private
How to extract a colour palette from an image
- Drop a photo, logo or artwork onto the tool.
- Set the slider to the number of colours you need.
- Click any swatch to copy its hex code.
- Use Copy all to grab the full palette for your stylesheet.
Frequently asked questions
How does the palette extraction work?
The image is sampled and every pixel is sorted into buckets of similar colours; each bucket's colours are averaged and the buckets are ranked by pixel count. The top results become your palette — so swatches represent the tones that genuinely dominate the picture, not random samples.
Why don't the extracted colours exactly match one pixel?
Each swatch is the average of a cluster of near-identical tones, which produces cleaner, more usable colours than any single noisy pixel would. If you need the precise colour at one exact point — say a logo edge — use Tooldoodle's colour picker tool instead and click that spot.
How many colours should I extract for a design palette?
Five or six is the practical sweet spot: enough to capture a dominant colour, a secondary, and a few accents without redundancy. Pull twelve when exploring a complex photo, then prune. For quick brand-matching from a logo, two to four usually captures everything meaningful.
Does it work with logos and transparent PNGs?
Yes, and transparency is handled properly: fully and mostly transparent pixels are skipped during analysis, so a logo on a transparent background yields only its real colours rather than a palette polluted by the empty area. SVGs work too once exported as PNG.
Are my images uploaded for colour analysis?
No. The picture is drawn to an invisible canvas in your browser and its pixel data is analysed locally — no server, no storage, no logging. Unreleased brand assets and client mood boards can be sampled without leaving your machine.