Color Palette Extractor

Extract dominant colors from any image. 100% local — nothing leaves your device.

Drop an image here
or click to browse — JPG, PNG, WebP, GIF…
6
Extracting…
Loaded image thumbnail

How it works?

Your image is processed entirely in the browser using HTML5 Canvas — nothing is sent to any server. Pixels are sampled from the image and grouped using a k-means clustering algorithm implemented from scratch in vanilla JavaScript. The algorithm runs for 10 iterations, converging clusters to find the most representative dominant colors. Each cluster's size relative to the total sample determines the percentage shown. You can sort colors by dominance (largest cluster first), by hue (rainbow order), or by brightness (light to dark). All export options — HEX list, CSS variables, and PNG palette — are generated locally in the browser.

Frequently Asked Questions

Is the Color Palette extractor free?

Yes, free to use with no limits and no account.

Is my image sent to a server?

No. Color extraction runs in your browser using the Canvas API — your image never leaves your device.

How are the dominant colors extracted?

The tool samples pixels from a resized version of your image and clusters them using a quantization algorithm to find the most representative colors.

Can I copy the color codes?

Yes. Each color in the palette shows HEX, RGB and HSL values that you can copy with a single click.