Extract colors from an image

Pull the dominant colors out of any image and copy their hex codes with one click. Everything is analyzed locally — your image never leaves your device.

Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.

The actual colors, with their weights

This extraction answers “what colors is this image made of, and how much of each?” — dominant colors ranked by share of the image, not a stylized palette. That is the data you need for matching a theme to a hero photo, picking an accent that already exists in the artwork, or describing an image programmatically.

Copy-ready values, local analysis

Each extracted color comes with its hex code a click away from your CSS variables or design tokens. Because analysis happens in your browser, you can run it on anything — client assets, unpublished covers, personal photos — without them touching a server.

Frequently asked questions

Is my image uploaded for analysis?
No. Color extraction, histograms and contrast checks all run locally in your browser.
What color information can I get?
Dominant colors, a copyable palette with hex codes and share percentages, and full RGB and luminance histograms.
What is the contrast checker for?
It measures the WCAG 2.1 contrast ratio between two colors and shows whether they pass AA, AA Large and AAA for accessible text.
Can I copy the color codes?
Yes. Click any swatch to copy its hex code, or copy the entire palette at once.