Image Palette Extractor
Get a ready-to-use colour palette from a photo, artwork or brand image: the tool finds the dominant colours, shows how much of the image each one covers and exports them as CSS variables.
Runs in your browser
How to use
- Drop an image.
- Choose how many colours to extract.
- Copy HEX codes or the CSS variables.
How it works
The image is downscaled to at most 200 px and its pixels are grouped with the k-means++ clustering algorithm: each colour in the palette is the average of a cluster of similar pixels, and its share is the fraction of pixels in that cluster. Transparent pixels are ignored. The seed is fixed, so the same image always gives the same palette.
Examples
- Moodboard
- A sunset photo → deep orange, coral, violet, navy and sand tones.
Common uses
- Moodboards and branding
- Matching UI colours to a hero image
- Art and design inspiration
Privacy & security
This tool runs entirely in your browser. Your files and text are never uploaded to our servers — processing happens on your device and results are created locally. How each tool handles files
Frequently asked questions
Why isn't a small bright accent colour included?
k-means favours colours that cover larger areas. Increase the number of colours to capture accents.
Can I edit the palette?
Copy the codes into the Color Palette Generator or your design tool.
Last updated: