Image Color Analyzer

Find the dominant colours of any image with their percentages, see RGB and luminance histograms, measure brightness, contrast and colourfulness, and pick exact pixel colours with a zoom loupe.

NewFreeNo uploadPalette export
1Upload an image
2Dominant colours

Upload an image to extract its palette.

3Histogram & statistics

How to use Image Color Analyzer

  1. 1

    Upload an image

    Drop or paste any photo, logo, artwork or screenshot.

  2. 2

    Explore the colours

    See the dominant palette, histograms and statistics, and hover to inspect pixels with the loupe.

  3. 3

    Export

    Copy HEX codes or CSS variables, or download the palette as JSON, TXT or a PNG swatch card.

What the analyzer shows

  • Dominant colours: a k-means clustering finds the 2 to 12 colours that best represent your image, with the share of the image each one covers.
  • Histograms: red, green, blue and luminance histograms show how tones are distributed, from shadows on the left to highlights on the right.
  • Statistics: average colour, brightness, contrast, saturation, dominant hue, clipped shadows and highlights, distinct colours and size.
  • Colourfulness: the Hasler and Süsstrunk metric rates how vivid an image looks, from "not colourful" to "extremely colourful".

Pick exact colours

Hover over the image to see a magnified loupe with the colour under your cursor, and click to save it. Click any saved colour or palette swatch to copy its HEX code.

Who uses it

Designers extract brand palettes from photos and logos, photographers check exposure and clipping in the histogram, marketers compare the colour mood of images, and developers grab exact colours for CSS. Everything runs locally in your browser.

Export formats

Copy a HEX list or ready-to-use CSS custom properties, or download JSON with HEX, RGB, HSL and percentages, a plain text list, or a PNG palette card to share.

Frequently asked questions

How are the dominant colours calculated?
With k-means clustering on a downscaled copy of your image, using perceptually weighted RGB distances. The percentages show how much of the image each colour represents.
What does the histogram tell me?
How tones are distributed. A histogram bunched to the left means a dark image; to the right, a bright one. Peaks at the very edges show clipped shadows or highlights.
What is colourfulness?
A measure of how vivid an image looks, based on the Hasler and Süsstrunk metric. Values above about 60 are quite colourful.
Can I get the exact colour of a pixel?
Yes. Hover to zoom with the loupe and click to pick the colour; it is copied to your clipboard.
Which export formats are available?
HEX list, CSS variables, JSON, TXT and a PNG palette image.
Is my image uploaded?
No. The analysis runs entirely in your browser.

Related tools

Colour PaletteColor PickerColor Blindness SimulatorHEX ↔ RGB Converter