Skip to content

Reads every colour present in a picture and hands back the palette in HEX, RGB and HSL.

Upload a photo before extracting colors

What is Online Image Color Extractor?

Image Color Extractor is a free online tool for extracting all colors in an image and gives detailed information about all these colors as a color palette. You can get info and copy all data of these colors as well as copy all colors as a list to use in your projects.

For example, if you design a hero with an image and don't know which colors may be complementary with the image, extracting colors from this image will be a good reference point to choose the right color. Also, you can create your color palettes and themes from extracted colors for color harmony and complementing images with other elements.

This is an example output for the well-known painting of Mona Lisa and its color set as a result.

Main Colors Extracted from Da Vinci's Mona Lisa Painting
Main Colors Extracted from Da Vinci's Mona Lisa Painting

How to use Online Image Color Extractor?

Finding main colors of an image is an easy process. Just follow this list.

  1. First, upload the image you want to work on from your device.
  2. After uploading the image file, all colors will be listed under the image. You can change the number of colors to be extracted from the image by changing the count from the list.
  3. You can explore all colors one-by-one and see color code as HEX, RGBA or HSL. You can also copy HEX codes of all colors as an array list.

Frequently asked questions

How is the palette worked out?

By reading the colours actually present in the image and grouping them, so what comes back reflects the picture rather than a guess at what would look nice beside it.

Can I copy the whole palette at once?

Yes. Each swatch copies on its own, and there is also a copy-all that gives you the colours as a list ready to paste into a stylesheet or a design file.

Which colour formats do I get?

HEX, RGB and HSL for every colour, so the value is usable whether it is going into CSS, a design tool or code.

Why pull a palette from a photo at all?

It is the fastest route to a scheme that already works. A photograph your client likes has a palette in it that is guaranteed to sit together, which beats picking swatches in the abstract and hoping.

What if I only want one colour?

The Image Color Picker reads a single pixel under a magnifier, and the Image Average Color Finder reduces the whole image to one value.