Color Palette Extractor
Extract dominant colors from any image. 100% local — nothing leaves your device.
How it works?
Your image is processed entirely in the browser using HTML5 Canvas — nothing is sent to any server. Pixels are sampled from the image and grouped using a k-means clustering algorithm implemented from scratch in vanilla JavaScript. The algorithm runs for 10 iterations, converging clusters to find the most representative dominant colors. Each cluster's size relative to the total sample determines the percentage shown. You can sort colors by dominance (largest cluster first), by hue (rainbow order), or by brightness (light to dark). All export options — HEX list, CSS variables, and PNG palette — are generated locally in the browser.