Free image color palette extractor
Upload a still image and get a ranked palette of dominant colors for design, branding, or mood boards. Adjust how many swatches to extract, copy individual HEX values or the full list as CSS variables or JSON — processed entirely in your browser (60 MB max, no GIF).
How to use this tool
- 1
Open image palette
Upload a photo to discover its dominant colors.
- 2
Choose swatch count
Pick 4–12 colors and review HEX, RGB, and percentages.
- 3
Copy HEX or CSS
Paste swatches into design tools or stylesheets.
Quick facts
| Runs locally? | Yes — sampling and clustering stay in your browser. |
|---|---|
| Is anything uploaded? | No. Photos never leave this tab. |
| vs Color converter? | Converter translates known values; this tool discovers colors from a photo. |
| Accuracy? | Edge-weighted sampling helps capture text and icon colors on UI screenshots — use 16–24 swatches. |
Top use cases
- Pull dominant colors from any photo — HEX, RGB, CSS, JSON, local only.
- Runs locally?: Yes — sampling and clustering stay in your browser.
- Is anything uploaded?: No. Photos never leave this tab.
- vs Color converter?: Converter translates known values; this tool discovers colors from a photo.
- Accuracy?: Edge-weighted sampling helps capture text and icon colors on UI screenshots — use 16–24 swatches.
FAQ
How are colors picked?▾
We combine area coverage, high-contrast edges (text/icons), saturated accents, and a 12×12 grid so small UI colors are not lost to large backgrounds.
Can I copy for CSS?▾
Yes — use Copy CSS variables for :root-ready --palette-N entries, or JSON for apps.
Why reject GIF?▾
Animated GIF needs frame handling; this tool targets still photos.
Transparent PNG?▾
Transparent pixels are skipped so they do not skew the palette.
HEIC photos?▾
Supported when your browser or our decoder can read HEIC, same as other image tools.
Same colors every time?▾
Yes for the same image and color count — sampling is deterministic on a given device.