# Extract color palette — dominant colors & hex, no upload

> Find the dominant colors in an image with k-means clustering and copy the hex codes for design work. Runs in your browser with no upload.

Find the dominant colors in an image using k-means clustering and copy their hex codes for design work. The analysis runs in a background worker on your device, so the image isn't uploaded.

Designers pull palettes from photographs constantly — matching a brand to a hero image, or building a scheme from a mood shot. This tool clusters the pixels and surfaces the dominant colors with copyable hex codes.

Because it uses k-means rather than a naive average, the result reflects the colors that genuinely characterize the image. To then generate icons or graphics in those colors, pair it with the other design tools; to edit the source image use the Photo Editor.

## How to

1. **Add an image.** Drop the photo or artwork to sample.
2. **Extract.** The tool clusters the pixels into dominant colors.
3. **Copy hex.** Copy the hex values into your design tool.

## FAQ

### How are the colors chosen?

K-means clustering groups the image's pixels into a small set of representative colors, so you get the palette that actually defines the image rather than random samples.

### Can I copy the hex codes?

Yes — each swatch shows its hex value with one-click copy, ready to paste into CSS or a design app.

### Is my image uploaded to analyze it?

No. Clustering runs in a worker in your browser, so the image stays on your device.


## Related tools

- [Photo Editor](https://www.safepaper.app/photo/photo-editor)
- [Favicon pack](https://www.safepaper.app/media/favicon-pack)
- [Sprite sheet](https://www.safepaper.app/media/sprite-sheet)
- [Collage](https://www.safepaper.app/media/collage)

---

Canonical HTML: https://www.safepaper.app/media/palette-extract
Markdown: https://www.safepaper.app/media/palette-extract.md

There is no upload endpoint — your files are processed in this browser tab. Open your network tab and check.