Color Palette from an Image
Turn a photo into a color palette.
Drop an image here
or choose files from your device
You can also paste an image with Ctrl+V
JPG, PNG, WebP, AVIF, HEIC, GIF · up to 100 MB
Your images are processed locally in your browser and are not uploaded.
Add a picture and get its main colors, from 3 to 12, sorted by how much of the image they cover. The colors are found by grouping the pixels in a perceptual color space, so similar shades are grouped the way the eye sees them. Copy the HEX codes or ready-made CSS variables, or download the palette as a PNG image for mood boards and design systems.
How to extract a color palette from an image
- Step 1
Add a picture.
- Step 2
Choose how many colors you want.
- Step 3
Copy the codes or download the palette.
Why use PhotoTools
Perceptual grouping
Colors are clustered in CIE Lab, the way the eye sees them.
Ready for design
HEX list, CSS variables and a PNG swatch.
Private
Computed in your browser.
Supported formats
Input
- JPG
- PNG
- WebP
- AVIF
- HEIC
- GIF
- BMP
- TIFF
- PSD
- RAW
Output
- HEX
- CSS
- PNG
Frequently asked questions
How are the colors chosen?
The picture is sampled and the pixels are grouped with k-means clustering in the CIE Lab color space; each color is the average of its group, and the percentage is its share of the picture.
Why do I get similar colors?
If the picture has few colors, some groups end up close together. Lower the number of colors for a clearer palette.
Is it free?
Yes. Browser tools on PhotoTools are free, unlimited and work without an account.
Are my images uploaded to a server?
No. This tool runs entirely in your browser using WebAssembly. Your images never leave your device, and nothing is stored.