EditorHub
HomeColor Palette

Color Palette Extractor

Pull the dominant colours out of any image and copy them as HEX, RGB or HSL — or export the whole palette as CSS, JSON or Tailwind. Nothing is uploaded.

Drop an image here

or click to browse

JPG, PNG, WebP, GIF — drop, browse, or paste (Ctrl+V).

Extract a colour palette from any image

The Color Palette Extractor pulls the dominant colours out of a photo or graphic using median-cut quantisation and shows each one as HEX, RGB and HSL. Click a swatch to copy it, or export the whole palette as CSS variables, JSON, or a Tailwind colour config.

It's useful for building a brand palette, matching a design to a reference image, or picking colours for a thumbnail or poster. The image is read on your device and is never uploaded.

Frequently asked questions

Are my images uploaded?

No. The colours are read from a canvas right in your browser — your image never leaves your device.

How are the colours chosen?

We use median-cut quantisation — the classic algorithm behind GIF palettes — to find the most representative colours, ordered by how much of the image they cover.

Can I export the palette for code?

Yes — copy any swatch as HEX, RGB or HSL, or export the whole palette as CSS variables, JSON, or a Tailwind colour config.

More tools

All tools →