When this tool is useful
Building a starting color set for a design, presentation, theme, mood board, or accessibility review without uploading the image.
How local processing works
The browser deterministically samples decoded pixels, excludes fully transparent pixels, groups nearby colors through bounded quantization, ranks the resulting clusters, and reports their approximate share.
How to use it
- Prepare Extract a color palette: Work from a copy and confirm palette size from 3 to 12, transparent regions, small accent colors, approximate proportions, deterministic ordering, and whether CSS or JSON suits the next workflow. Keep the source unchanged.
- Apply Extract a color palette: Process locally in the browser. The browser deterministically samples decoded pixels, excludes fully transparent pixels, groups nearby colors through bounded quantization, ranks the resulting clusters, and reports their approximate share.
- Download and verify: Save under a new name. Compare the swatches with important regions of the original on the intended display, check small accent colors manually, and treat percentages as quantized estimates.
Important limitations
A quantized sampled palette is an approximation, not a list of every source color; gradients, noise, transparency, embedded color profiles, and wide-gamut conversion can change which swatches are selected.
Verify the downloaded result
Compare the swatches with important regions of the original on the intended display, check small accent colors manually, and treat percentages as quantized estimates.
Private by design
Your files stay in this browser. The tool does not upload the source or output to our servers.
Questions and answers
When should I use Extract a color palette?
Building a starting color set for a design, presentation, theme, mood board, or accessibility review without uploading the image.
What does Extract a color palette change?
The browser deterministically samples decoded pixels, excludes fully transparent pixels, groups nearby colors through bounded quantization, ranks the resulting clusters, and reports their approximate share.
Which limits and settings matter?
palette size from 3 to 12, transparent regions, small accent colors, approximate proportions, deterministic ordering, and whether CSS or JSON suits the next workflow. A quantized sampled palette is an approximation, not a list of every source color; gradients, noise, transparency, embedded color profiles, and wide-gamut conversion can change which swatches are selected.
How do I verify the result?
Compare the swatches with important regions of the original on the intended display, check small accent colors manually, and treat percentages as quantized estimates.