Load any image — a photo, a logo, a screenshot of a site you like — and get its dominant colors sorted by presence. Click any color to copy its HEX code, or use the buttons to copy the whole palette as a list or as CSS variables ready for your stylesheet.
It is the perfect shortcut for building a project’s visual identity from a reference image, keeping a brand’s colors consistent, or finding an exact color without opening an editor.
How it works
- 1
Drop the image you want to analyze.
- 2
Review the palette sorted by presence.
- 3
Copy each HEX with one click, or the whole palette as CSS.
Frequently asked questions
How are dominant colors computed?
With the median-cut algorithm, the same quantization approach graphic editors use: it groups pixels into color regions and returns each region’s average, sorted by presence. Transparent pixels are ignored.
Does it work with transparent logos?
Yes: transparent pixels are excluded from the analysis, so the palette reflects only the logo’s real colors.
Are my images uploaded to a server?
No. All processing happens inside your browser using the Canvas API: your files never leave your device, there are no upload queues, and the tool even works offline once the page has loaded.