Image Color Palette Extractor
Extract common opaque colors from an image and export their HEX values as CSS variables.
Result preview
Choose a file to begin.
How to use
Choose an image.
Select a maximum palette size and extract colors.
Review the HEX values and save a CSS palette.
FAQ
How do I use this tool?
Choose an image. Select a maximum palette size and extract colors. Review the HEX values and save a CSS palette.
How are colors selected?
A reduced preview is sampled into color buckets. The most frequent buckets are averaged, so this is an approximate palette rather than a full pixel inventory.
Why do the percentages not total 100%?
Only the selected most common buckets are shown. Pixels with alpha below 128 are excluded from the sample.
Are my inputs uploaded?
Tool inputs are processed in your browser. Advertising makes separate requests as described in the privacy policy.