K-Means Algorithm

Color Palette Extractor

Upload any image or paste a URL to extract the dominant color palette using K-Means clustering. Export as CSS variables, Tailwind config, or JSON.

Drop image here or click to upload

PNG, JPG, WEBP, GIF, SVG up to 20 MB

No colors extracted yet

Upload an image to see dominant colors

How It Works

1

Upload Image

Drop any photo, logo, screenshot or artwork. Processing happens entirely in your browser — nothing is sent to a server.

2

K-Means Clustering

The algorithm groups millions of pixels into up to 10 dominant color clusters, merging shades that are too similar.

3

Export & Use

Copy individual HEX values or export the whole palette as CSS custom properties or JSON design tokens.

Frequently Asked Questions About Palette Extraction