Color Palette from Image

Drop in a photo and get its main colors as HEX codes with names. Free, private, and nothing is uploaded.

Stays on your device Last updated:

The palette extractor

Your image never leaves this device. It is processed in your browser and nothing is uploaded.

or drop an image here, or paste one. JPG, PNG, WebP, GIF or SVG.

Your image preview appears here.
6

Choose an image or try the sample to see its colors.

What this tool does

It reads a picture and pulls out the handful of colors that describe it best. Each color comes with a HEX code, an RGB value and the closest everyday color name, so you can move from a photo you love to codes you can actually use.

How to use it

  1. Add an image. Choose a file, drop one onto the box or paste it. On a phone, Choose image opens your gallery or camera.
  2. Pick how many colors. Slide between 3 and 12. Fewer gives a bold summary, more gives a richer palette.
  3. Copy what you need. Click a swatch to copy its HEX, or export the whole palette as a list, CSS variables or JSON.

How the colors are chosen

First the image is shrunk to about 100 pixels wide, which keeps things fast and smooths out noise. Then the tool groups similar pixels together, the way you might sort a pile of paint chips into piles of alike colors, and takes the average of each pile. The grouping is done in OKLab, a color space designed so that colors that look alike to people sit close together.

Piles that end up nearly identical are merged, and the swatches are sorted so the color covering the most of the picture comes first. A tiny splash of bright color may not appear at low settings; raise the slider to bring it in.

What people use it for

  • Design. Build a website or slide palette from a photo that matches the mood you want.
  • Room painting. Pull colors from a rug, artwork or a room you admire, then take the names to a paint shop. Always test a sample on your wall.
  • Weddings and events. Turn a venue, flower or fabric photo into a palette for invitations and decor.
  • Branding. Find accent colors in a product shot or logo mockup and name them for a style guide.
  • Art. Study the colors in a landscape or painting before you mix your own.

Screens and cameras alter color, so a palette from a photo is a close guide, not an exact match to the real object. To blend your own versions, try the color mixer, or look up any HEX in the color name finder.

Frequently asked questions

Is my image uploaded anywhere?

No. The image is read and shrunk by your own browser, and the colors are worked out on your device. Nothing is sent to a server, saved or shared.

How many colors can I extract?

Between 3 and 12. The slider updates the palette instantly. If a picture has fewer distinct colors than you ask for, similar shades are merged and you may see fewer swatches.

Which image types work?

JPG, PNG, WebP, GIF and SVG. An animated GIF is read from its first frame, and an SVG is drawn to a bitmap first. Large photos are fine because they are shrunk before analysis.

Why does a color name not match exactly?

Names come from a list of about 5,000 common color names, and each swatch gets the nearest one. Most colors in a photo have no exact name, so treat the name as a helpful description, not a standard.

Can I use it on my phone?

Yes. Choose image opens your gallery or camera, depending on your phone, and the results stack neatly on a small screen.

Related