Color Palette Generator from an Image

Pull a colour palette out of any image in your browser, with hex, RGB and HSL for every swatch and a click to copy.

Files you drop here are processed by your own browser. Nothing is uploaded and nothing is stored on our servers — the tools keep working even if you lose your connection after the page has loaded.

How to use Color Palette Generator

  1. 1Drop an image onto the box above, or click to browse. Photos, screenshots and film stills all work.
  2. 2Pick how many colours you want. Six is a good starting point for most images.
  3. 3Click any swatch to copy its hex code, or copy the whole set at once.

What this color palette generator does differently

Most palette extractors count pixels. They tally the exact RGB values in the image, sort by frequency, and return the top few. On a real photograph that produces a palette of five nearly identical shades, because the most common exact values are all micro-variations of whatever fills the largest area.

This one uses median cut. It treats the image's colours as a volume in three-dimensional space, then repeatedly splits the widest-spanning box in half along whichever channel varies most, until it has as many boxes as you asked for. Each box's average becomes a swatch. The result spans the image rather than clustering in one corner of it, so a sunset gives you the sky, the water and the silhouette instead of three slightly different oranges.

It is also deterministic. The same image always produces the same palette, which matters when you are matching an existing design rather than exploring.

Reading the percentages

Each swatch shows the share of sampled pixels that fell into its group, and that number carries information the colour alone does not.

A colour at 40 percent is the frame's foundation, the thing a viewer registers as "what colour is this image". A colour at 3 percent is an accent, and accents are usually the interesting part: the one warm light in a cold scene, the single saturated prop against a muted set. When you are building a scheme, the large percentages give you backgrounds and the small ones give you the highlight that makes the scheme work.

Building an image color palette from a film still

A color palette from image is the most common thing people want here rather than a scheme generated from nothing, and this case deserves its own note.

A still from a film you like gives you a colour scheme that has already been proven to work on screen, complete with the proportions the colourist chose. Grab six colours, keep the percentages in mind, and you have both a palette and a weighting. Feeding those hex codes back into a prompt as explicit colour instructions is far more reliable than describing a mood and hoping for the same result.

Sampling and privacy

The image is downscaled to a 128 pixel grid before its pixels are read. A 24 megapixel photo would be 96 MB of raw colour data, and quantizing that would freeze the tab, while the palette from a small thumbnail is visually identical. All of it happens in this browser tab, so the image is never uploaded.

Need the image itself?

If you are here because the artwork does not exist yet, generate it: describe what you want and pick from Flux, GPT Image, Nano Banana, Seedream and more.

Open the AI image generator

Frequently asked questions

How are the colours chosen?
By median cut, which splits the image's colour volume in half repeatedly along whichever channel varies most. Counting the most frequent exact pixel values instead, as simpler tools do, returns five near-identical shades of whatever dominates the frame.
What does the percentage on each swatch mean?
The share of sampled pixels that fell into that colour group. It tells you which colour is actually carrying the image, which is not always the one that looks most striking.
How many colours should I ask for?
Six covers most images. Four forces the palette down to the essentials and is useful for branding work. Ten or twelve is better for a busy frame, or when you want the accents rather than just the base tones.
Does it handle transparent images?
Yes. Fully transparent pixels are skipped rather than read as black, which is what puts a phantom black swatch in palettes extracted by simpler tools from a cut-out PNG.

More free tools