# Image Colour Palette Extractor

> Pull the dominant colours out of any image as HEX and RGB values.

To extract a colour palette, add an image and the dominant colours are sampled and returned as HEX and RGB values with the percentage of the image each one covers. A ready-to-paste block of CSS custom properties is included at the top.

**URL:** https://convertto.tech/t/image-palette-extractor
**Category:** Image Tools (https://convertto.tech/c/image-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Select your image — the file stays on your device and is never uploaded.
2. Set the number of colours.
3. Press Run, then download the result when it is ready.

## FAQ

### How are the dominant colours chosen?

By clustering pixels into groups of similar colour and ranking by cluster size. That is why the result differs from simply picking the most frequent exact value — a photograph rarely repeats an identical pixel colour often.

## Related tools

- [Colour Tints & Shades Generator](https://convertto.tech/t/color-shades-generator): Generate lighter tints and darker shades of any colour, with hex values.
- [Colour Palette Generator](https://convertto.tech/t/color-palette-generator): Build harmonious palettes — complementary, triadic, analogous and monochromatic.
- [Aspect Ratio Calculator](https://convertto.tech/t/aspect-ratio-calculator): Work out the aspect ratio of any dimensions and scale them proportionally.
- [Colour Converter](https://convertto.tech/t/color-converter): Convert any colour to HEX, RGB, HSL, HSV, CMYK, LAB and native code — with contrast, tints and harmonies.
- [CSS Box Shadow Generator](https://convertto.tech/t/box-shadow-generator): Design a CSS box-shadow with live values for offset, blur, spread and colour.
- [Colour Blindness Simulator](https://convertto.tech/t/color-blindness-simulator): See how a colour appears to people with protanopia, deuteranopia and tritanopia.
- [Colour Mixer & Blender](https://convertto.tech/t/color-mixer): Blend two colours and generate the intermediate steps between them.
- [Glassmorphism CSS Generator](https://convertto.tech/t/glassmorphism-generator): Create frosted-glass CSS with backdrop blur, transparency and a subtle border.