Skip to content

Color palette

Pull the dominant colours out of any image — with hex codes to copy.

Drop images here

or

JPEG · PNG · WebP · AVIF · up to 10.0 MB · 5 at a time

This runs on your device. Your images are never uploaded.

How it works

The image is drawn to a small canvas in your browser and its pixels are read directly — nothing is uploaded, it is free, and it works on any modern browser. A median-cut algorithm groups those pixels into the number of colours you ask for, ordered by how much of the image each one covers, and gives you each colour’s hex and RGB values to copy. Photographs with clear, distinct colours give the cleanest palettes.

Formats and limits

Accepts
jpeg, png, webp
Outputs
png
Max size
10.0 MB
Per batch
5 files

Your privacy

This tool runs entirely in your browser — your images are never uploaded anywhere. Very large files fall back to our server, and the tool tells you before you run it when that applies. Either way, no account is needed.

Extract the dominant colour palette from an image in your browser. Pull the key colours out of a photo, logo, or piece of art as hex codes — perfect for building a design system, matching a brand, or finding a scheme that works.

Build a palette from any image

Pull the dominant colours out of a photo, logo, or piece of art as ready-to-use hex codes. It is the fast way to build a colour scheme from inspiration, match a design to an image, or find the exact brand colours in a logo — no eyedropper hunting required.

How it chooses the colours

Rather than sampling a few random pixels, it analyses the whole image and groups similar colours to surface the most representative ones. Each comes with its hex value, ready to paste into a design tool or stylesheet. It runs in your browser.

How to get the palette from an image

  1. 1Upload the image you want colours from.
  2. 2The tool analyses it and picks out the dominant colours.
  3. 3Read off the palette with each colour’s hex code.
  4. 4Copy the hex values into your design tool.

When to use Color palette

  • Building a colour scheme from a photo or piece of inspiration.
  • Finding the exact brand colours in a logo as hex codes.
  • Matching a design to the palette of an image.

Frequently asked questions

What do I get — hex codes?

Yes. The palette lists each dominant colour with its hex value, ready to paste into a design tool or stylesheet.

How does it choose the colours?

It analyses the whole image and groups similar colours to surface the most representative ones, rather than a random sample of pixels.

Is the image uploaded?

No — the palette is computed in your browser.

Related tools