Extrator de cores

Drop an image to extract its dominant colors

🖼️
Drop an image here
or click to choose — JPG, PNG, WebP, SVG
Colors count 6

K-means palette extraction

The k-means algorithm is the reference technique for extracting dominant colors from an image. It groups millions of pixels into K clusters based on their proximity in RGB color space, then calculates the average color of each cluster. The result gives the N most representative colors with their percentage of presence. Ideal for creating coherent palettes from photos, illustrations, moodboards or website screenshots.

Practical uses

Color extraction is useful in many contexts: visual identity (extracting a logo's palette), website redesign (respecting an existing brand's color guidelines), design inspiration (turning a travel photo into a CSS palette), or competitive analysis (identifying dominant colors on competitors' sites). Export results as CSS variables (`:root`) or copy HEX values directly into Figma, Sketch or your code editor.

How to extract colors

1
Choose an image
Drag and drop an image or click to select one from your device.
2
Analyze
The k-means algorithm analyzes pixels and groups similar colors together.
3
Read the palette
The dominant colors are displayed with their percentage of presence in the image.
4
Export
Copy HEX codes individually, export as CSS :root, or click to view the color page.