Image Color Palette
Open an image and get its main colours in a second, with their codes and how much of the picture each one covers. Click anywhere on the image to add an exact colour.
- Choose an image
- Pick how many colours and the order
- Copy the codes or download the palette
Loading the tool…
Your files never leave your device
How the colours are found
- The image is reduced to a small copy and its pixels are grouped by similar colour (k-means in the CIELAB colour space, close to how the eye sees colour).
- Each colour shows the share of the picture it covers.
- Transparent areas of PNG or WEBP images are ignored.
Using the palette
- Copy one HEX code or all of them at once.
- CSS gives ready-made variables (--color-1…) for a website.
- GPL works in GIMP and Inkscape, ASE in Adobe tools, JSON in code.
Tips
Use 3–5 colours for a logo or brand, 8–12 for a detailed photo. Sort by lightness to build gradients, or by hue for a colour wheel order.
Frequently asked questions
Is my image uploaded?
No. The colours are calculated in your browser.
Why is a colour slightly different from what I expected?
Each palette colour is the average of a group of similar pixels. Click the image to pick one exact pixel.
Which formats can I open?
JPG, PNG, WEBP, GIF, BMP and AVIF.
Can I get the colours of a logo?
Yes. Choose 3–5 colours; transparent background is ignored.
What is ASE?
Adobe Swatch Exchange: import it into Photoshop, Illustrator or InDesign swatches.
Does the same image always give the same palette?
Yes, the calculation is repeatable.