How does the extractor pick colors?

It clusters similar pixels (k-means in OKLCH space) so the output reflects perceptually distinct colour groups, not raw RGB averages.

Why are colors slightly different from a Photoshop sample?

Photoshop usually samples a single pixel; we cluster the whole image so brand colour with subtle gradient noise comes back as one clean swatch.

K-Means Algorithm

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

Palette extraction — 3 credits per image. Sign-in required.

No colors extracted yet

Upload an image to see dominant colors

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

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

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