ColorMix
100% private — processed in your browser

Extract a color palette from any image

Upload a photo, a painting, a screenshot, or a frame from a film. Get a 5-color palette in under a second. Your image never leaves your device.

🖼

Drop an image here

or click to browse · paste from clipboard · try a sample

PNG, JPG, WEBP up to 10MB

or

How it works

1

Drop your image

PNG, JPG, or WEBP. Up to 10MB. The image is read by your browser using the FileReader API.

2

We extract pixels

We downsample the image and read every pixel value, ignoring transparent ones.

3

Median-cut quantization

We cluster similar colors into 5 buckets and average each one. That gives you the dominant palette.

What to do with your palette

Once you have a palette, the work is just beginning. Check the contrast between any two colors before you commit to a design. Or generate variations inspired by the same mood.

For inspiration, browse our curated mood palettes — hand-picked color stories for common aesthetics, from Studio Ghibli mornings to cyberpunk nights.

Frequently asked questions

Is my image uploaded to a server?+

No. The image is read entirely in your browser using the HTML5 canvas and FileReader APIs. Your photo, screenshot, or artwork never leaves your device.

What algorithm do you use?+

Median-cut color quantization. We split the color space recursively along the longest RGB channel until we have 5 buckets, then average each bucket.

Why 5 colors?+

Five is the sweet spot for most design systems — enough variety to cover backgrounds, surfaces, and accents, but not so many that the palette loses coherence.

Can I extract more than 5 colors?+

Not in this tool, but each color in your 5-color palette can be expanded into a tint/shade scale if you need a larger system.

What image formats are supported?+

PNG, JPG, and WEBP. Any size up to 10MB. The image is downsampled to 200px on the longest edge before processing for speed.

Can I use the extracted palette commercially?+

Yes. The hex codes we generate are just numbers — no copyright applies. Use them in any project, personal or commercial, with no attribution required.