Skip to the tool

HomeCreate & design

Color palette generator

Pull the main colors out of a picture.

Runs in your browserNo sign-upNo watermark

Your files never leave your device.

Quick answer

To get the main colors of a picture, drop it in. Up to 12 swatches appear with their HEX codes and how much of the picture each covers. Copy one, or the whole palette as CSS.

Read the guide: How to get a color palette from an image

Drop an image here

or paste from your clipboard

Also takes BMP, GIF, SVG and AVIF. They are turned into PNG first (a GIF keeps its first frame).

How to get a color palette from a picture

  1. Drop a JPG, PNG or WebP picture, or paste it. BMP, GIF, SVG and AVIF work too.
  2. The main colors appear straight away. Use the slider to ask for fewer or more, from 2 to 12.
  3. Click a color to copy its HEX code, or copy the whole palette as a list or as CSS variables.

The colors are found by grouping similar pixels and averaging each group, so a color that fills most of the picture comes first. The percentage on each swatch is how much of the picture that group covers. Fully or mostly see-through pixels are ignored.

If the picture has fewer distinct colors than you asked for, you get only the colors it has. A plain logo with three colors gives three swatches, not twelve.

Common questions

How do I get the colors out of a picture?

Drop the picture and the main colors appear as swatches with their HEX codes. Click a swatch to copy its code.

How many colors can I get?

From 2 to 12. Six is a good start for a brand or a design palette.

Can I use the palette in my website?

Yes. Copy as CSS variables gives you custom properties such as --colour-1 that you can paste into a stylesheet.

What if I need one exact color?

Use the color picker from an image, which reads the exact pixel you click.

Is my picture uploaded?

No. The colors are worked out in your browser, so your picture stays on your device.