🎨Colour Palette Extractor

Consistent colour is what makes a shop look like a brand rather than a pile of listings, but sellers rarely know the actual values in their photos. The Colour Palette Extractor answers the question "what colours are in this image?" with numbers you can use: it finds the dominant colour set of any photo and gives you each hex colour from photo with one click, plus RGB and HSL, so banners, infographics and size charts can reuse the exact tones of the product. It is the quickest way to get colours from image files without a design suite.

How it works

1. Drop or paste a product photo, packaging shot or competitor's banner.
2. Choose how many colours to extract, from 3 to 12.
3. The tool runs a median-cut quantiser on a downsampled copy of the image, splitting the colour space repeatedly at the widest axis until it has the requested number of buckets, then averages each bucket into a swatch and orders them by coverage.
4. Click any swatch to copy HEX, RGB or HSL.
5. Export the whole palette as a PNG strip for a mood board, as CSS custom properties or as JSON for a theme file.

Median-cut is the same approach used to build GIF palettes, which means it reflects what the image actually contains rather than the prettiest colours. A percentage next to each swatch shows how much of the image it covers, so you can tell the product colour from the background at a glance.

Why it matters

Colour data turns into money in several places:

• Amazon A+ content modules at 970×600 and Shopify theme sections look professional when accent colours are sampled from the product rather than guessed.
• Etsy and TikTok Shop shoppers filter by colour names; knowing that your "navy" is really HSL 220°, 60%, 25% helps you name variants accurately.
• Text on infographics must stay readable: WCAG recommends a contrast ratio of at least 4.5:1 for body text, and you cannot check contrast without the values.
• Buyers and suppliers argue about shade; an exported palette from the sample photo settles it.

Tips

• Extract from a cut-out with a transparent background, or the white or grey backdrop will take one or two swatches. The Background Remover makes that a one-click job.
• Six colours is a good default for product photos; go higher for patterned textiles and lower for packaging.
• Need one exact pixel rather than an average? Use the Image Colour Picker.
• Feed the dominant swatch into the Product Colour Variant Generator as a custom colour to recolour another product to match.
• Paste the HEX values into the Size Chart Image Generator or the Text on Image / Caption Tool for on-brand overlays.
• Export CSS when handing colours to a theme developer; the variable names include the swatch index and hex code.

Privacy

Quantisation runs on a downsampled copy in your browser. Your images never leave your browser, and no palette is stored anywhere unless you export it.