Extract a Color Palette from a Photo

Quick answer

Open a photo, or take a Snap, in Color Identifier's Photo Colors view. The app picks out up to ten main colors, matches each to the nearest named color and shows them as a strip of swatches. Save the set as a palette, then open any color to copy its HEX or RGB code. Viewing and saving extracted palettes is part of Pro.

How the main colors are chosen

Palette extraction samples the image, groups similar pixels together and keeps the colors that cover the most of it, up to ten. Each is then replaced by the nearest named color and duplicates are dropped, so a palette's codes are those of named colors close to the photo, not raw pixel values. A photo of a beach gives you sand, sea and sky; a photo of a room gives you walls, wood and textiles.

Because the result depends on what fills the frame, cropping changes the palette. If a large plain background dominates, crop closer to the subject you care about before extracting.

Getting a cleaner palette

Start from a well-lit, unfiltered image. Heavy filters shift every color in the same direction, which can be exactly what you want for a moody palette, but it is not the palette of the scene itself. Avoid very busy photos if you want a calm set; choose one with a few clear areas of color.

Treat the first result as a draft. Remove near-duplicates, keep one or two accents, and check the set as a whole: a good working palette usually has a light, a dark, a mid-tone and one color that carries attention.

From palette to HEX codes

Each color in a saved palette keeps its code. Open a color and copy its HEX for CSS variables, a Figma style, a Canva brand kit or a PowerPoint theme. Sharing a palette gives you an image of the swatches plus a text list of every name with its code, which you can paste into a note or a brief. If one color has to be pixel-exact, pick it from the photo with the picker as well.

Give each color a role when you use it: background, text, primary action, accent. That stops a palette from being a pretty strip and turns it into something you can design with.

Checking that the colors work together

Colors that sit together in a photo do not automatically make readable text, so check contrast before you set text in one of them. For balance, the color wheel's harmonies show which colors relate to a base color from the photo: complementary is free, and analogous, triadic, split-complementary, tetradic and monochromatic come with Pro, each with copy buttons for HEX and RGB.

Ideas to try

Build a brand palette from a product photo so the website matches the packaging. Pull a slide-deck theme from a landscape. Capture the palette of a room you like as codes for a digital moodboard. Keep palettes for seasons or campaigns so the next project starts from saved colors rather than a blank picker.

Frequently asked questions

How many colors does a palette from a photo have?

Up to ten, enough to cover the main areas and a few accents. You can save the whole set and then remove the ones you do not need.

Why did my palette come out mostly grey or beige?

Large neutral areas such as walls, sky or background dominate the image. Crop closer to the colorful part of the photo and extract again.

Are the palette codes the exact colors of the photo?

They are the codes of the nearest named colors, which keeps palettes clean and nameable. For the exact code of one spot, use the picker on the photo.

Can I make a palette from a screenshot?

Yes. Screenshots work well because their colors are exact. Crop away status bars and keyboard areas first so they do not take up a slot in the palette.

Do the palette colors work as text and background?

Not automatically. Check the contrast of any pair you want to use for text before you rely on it.