Drop an image here
or click to browse — JPG, PNG, WebP, GIF
What This Tool Does
Drag any image into the drop zone or click to browse. The image is drawn to an HTML canvas in your browser, pixel data is sampled, and similar colors are grouped to find the top 12 dominant colors. Click any color swatch or the Copy button to copy its HEX code. Your image is never sent to our servers.
Frequently Asked Questions
How does color extraction work?
The image is drawn to an HTML canvas, then pixel data is sampled across the image. Similar colors are grouped using a median-cut quantization algorithm to find the most representative dominant colors. The tool returns the top 10 colors sorted by frequency.
Is my image sent to a server?
No. The image is loaded into an HTML canvas element in your browser. All color extraction happens client-side using JavaScript. Your image data never leaves your device.
Why might some colors look slightly different from the image?
The extraction samples pixels and groups similar colors together, so the output represents the dominant color clusters rather than exact pixel values. Very subtle gradients may be merged into one representative color.
What image formats are supported?
Any image format your browser supports: JPG, PNG, GIF, WebP, BMP, and SVG. The image must not be from a cross-origin URL (i.e. it must be a local file or a same-origin image) due to browser canvas security restrictions.