Skip to content

28 tools in stockRuns in your browser

Tiny Internet Tools

Colour Palette Extractor

Upload an image and pull out its dominant colours as a ready-to-use palette.

Processed locally

Drop a file here

JPG, PNG, WebP, GIF · up to 40.00 MB · or paste

Stays on your device

Instructions

How to use it

  1. 01Drop or paste an image.
  2. 02Choose how many colours you want (2–12).
  3. 03Click any swatch to copy its HEX code, or copy them all.
  4. 04Download the palette as CSS variables, JSON or plain text.

About

What it does

Every photo has a palette hiding in it. Extracting it is a quick way to build a colour scheme from a mood board, match a website to a product shot, or find the exact colours in a logo or illustration.

This tool groups similar pixels together (median-cut quantisation refined with k-means clustering) to find the colours that cover the most of the image, then shows each one with its share, HEX and RGB values.

Settings explained

Colours
Fewer colours give broad, dominant tones; more colours reveal accents and details.
Exports
CSS custom properties (--palette-1 …), JSON with HEX, RGB and coverage, or a simple list of HEX codes.

Good for

  • Building a website or brand palette from a photo
  • Matching slide or poster colours to a product image
  • Finding the exact colours used in a logo
  • Creating colour schemes for illustration and design

Questions, answered

Why are some colours slightly different from what I see?
Each swatch is the average of a group of similar pixels, so it represents the overall tone of that area rather than a single pixel.
Does it ignore transparent areas?
Yes. Transparent and mostly transparent pixels are skipped, so PNG logos give their real colours.
Is my image uploaded?
No. The image is analysed in your browser.

Related tools

All design & colour tools (3)