ShadeKit.ioLoading…

Image Color Extractor

Extract the dominant colours from a photo or design and get HEX, RGB, HSL, CMYK and colour-name values, analysed locally in your browser.

The interactive tool loads here when JavaScript is enabled. Files are processed locally in your browser.

How to use Image Color Extractor

  1. Drop, browse or paste a JPG, PNG or WebP image.
  2. Review the dominant colours and their share of the image.
  3. Copy individual values or send the colours to your palette.

Features

  • Dominant colours ranked by how much of the image they cover.
  • HEX, RGB, HSL and CMYK values with descriptive colour names.
  • Paste an image straight from the clipboard.
  • The image is analysed on your device and not uploaded.

Supported formats and limitations

Input: JPG, PNG or WebP. Output: copyable colour values.

  • Very small details may not form their own colour cluster.

Frequently asked questions

How are dominant colours found?

Similar pixels are grouped into clusters, and each cluster's average colour is reported with its share of the image.

Why do I see fewer colours than expected?

Very similar shades are merged so the palette stays useful. Images with few distinct colours produce fewer swatches.

Is my image uploaded?

No. Extraction runs in your browser.