Color Palette from Image

Get the main colours of a picture, ready to copy into your design.

Colours

Add a picture to see its colours.

Found in your browser. Your picture is not uploaded.
Guide

How to get colours from an image

1

Add a picture

Drop a photo, logo or screenshot.

2

Choose how many colours

Pick 3 to 10 colours. The most common come first.

3

Copy them

Click a colour for its HEX code, or copy all of them as HEX, CSS or JSON.

Frequently asked questions

Is my picture uploaded?

No. The colours are found in your browser.

How are the colours chosen?

The picture is shrunk and its colours are grouped into the number you choose. Each swatch is the average of one group, and the percentage shows how much of the picture it covers.

Why is a colour not exactly in my picture?

Each swatch is an average of similar colours, so it may not match any single pixel, but it represents that part of the picture.

What formats can I copy?

HEX codes, CSS variables for your stylesheet, a JSON list, or download the palette as a PNG.

Does it work with transparent PNGs?

Yes. Transparent pixels are ignored.

Related tools

See all image tools →