Drop an image to extract its dominant colors
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.
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.