Best Online ToolsFree and private. No sign-up.

Color Palette from Image

Pull the main colours out of a photo and export them for your design.

Runs in your browser
Image
Drop to read its colours
No image yet
Palette
The main colours appear here, with their share of the picture. Click the picture to read any single pixel.
Ready

How to use the Color Palette from Image

  1. Drop a picture onto the panel, click to choose one, or paste it.
  2. The main colours appear on the right, largest share first.
  3. Choose between 3 and 12 colours, or click any point in the picture to read that pixel.
  4. Copy a colour code, or export the palette as CSS, JSON or a PNG strip.

About this tool

A good photo already contains a colour scheme. This tool finds it by grouping the picture's pixels into clusters of similar colour and reporting the average of each cluster, along with how much of the picture it covers. The result is a short list of colours that really belong together, rather than the single most common pixel.

You choose how many colours to pull out. Three or four give a tight brand-style palette; ten or twelve show the subtler tones that make up skin, sky or foliage. Clicking a point in the picture reads that exact pixel, which helps when you want one specific highlight rather than an average.

Export the palette as CSS custom properties to drop into a stylesheet, as JSON for a design tool or script, or as a PNG strip to share with a client. Large photos are scaled down before analysis, which keeps the tool fast without changing the overall colours.

This tool runs entirely in your browser. What you type or open is never sent to a server.

Frequently asked questions

Why do the colours differ from another palette tool?

Every tool groups pixels slightly differently and some report the most frequent exact pixel instead of an average. Both are valid. Try a different number of colours to see finer or broader groups.

Why is a small bright detail missing from the palette?

Colours are ranked by how much of the picture they cover, so a small accent can be absorbed into a larger nearby group. Raise the colour count, or click the detail to read its exact value.

Which image formats work?

Anything your browser can display: JPG, PNG, WebP, GIF, AVIF, BMP and, in most browsers, SVG. iPhone HEIC photos need converting first in some browsers.

Is my photo uploaded to read its colours?

No. The picture is decoded and analysed inside this page, on your own device. It is never sent anywhere, so private or unreleased images are safe to use.