Color Palette Extractor
Upload an image to extract its dominant color palette. Get HEX, RGB values and percentages.
Drop image here
or click to browse
About Color Palette Extractor
Drop in a photo, screenshot or logo and this extractor pulls out its dominant colors as swatches with HEX and RGB values and the share of the image each one covers. It samples the picture on a canvas, buckets similar shades together and drops near-duplicates, so a palette of four to twelve distinct colors comes back sorted by frequency or brightness. Designers reach for it to pull a scheme out of a reference image. The file stays on your machine; sampling happens in the browser.
Use Cases
How to use
Drop a photo onto the Drop image here box or click it to browse for an image file; you can also press Load Sample to see a demo palette first.
Use the Palette Size buttons to pick 4, 6, 8, 10 or 12 dominant colours; the palette is recalculated immediately.
Read the colour cards, each showing the uppercase HEX code, the matching rgb() values and the share of the image that colour covers.
Click any card, or any band in the proportional colour strip above them, to copy that single HEX code.
Press Copy All to copy the whole palette as one HEX code per line, or Change Image to start over with a different picture.
Pro Tips
- Paste your content directly — the Color Palette Extractor detects common input patterns and applies sensible defaults automatically.
- Use keyboard shortcuts (Ctrl/Cmd+A to select all, Ctrl/Cmd+C to copy) to speed up your workflow inside the Color Palette Extractor.
- For very large inputs, break them into chunks — most browser tabs can handle megabytes of text, but parsing huge payloads may freeze the UI briefly.
- The Color Palette Extractor does not log or store your input. If you need history, copy important outputs to a local file or note app.
- Combine the Color Palette Extractor with other tools on this site (formatters, converters, encoders) to build complete data pipelines without leaving your browser.
Frequently Asked Questions
Yes, fully free with no signup, no API key, no watermarks, and no usage limits.
No. The Color Palette Extractor runs entirely client-side in your browser. Your input never touches our servers.
There is no hard limit, but expect slowdowns on inputs larger than a few megabytes, depending on your device's memory.
Yes. Outputs generated with the Color Palette Extractor are yours to use freely in any personal or commercial project.
Most of the logic runs in client-side JavaScript, so after the initial load you can often keep working without a network connection.
None. Because the Color Palette Extractor runs in your browser, you can process as many inputs as your hardware allows without API keys or throttling.