Color Palette from Image
Drop any image and get the dominant colors as HEX and RGB codes. Click any swatch to copy instantly. Download as a palette PNG. No upload, no signup.
Drop your image here
JPG, PNG, WebP, GIF supported
Why extract colors from an image?
Building a brand color palette from a photo you love. Matching a design to a product image. Finding the exact color of that flower in a stock photo. Pulling the primary tones from a client's existing assets before you start designing. These are all real workflows that designers, developers, and marketers do constantly — and they all need a fast way to get HEX codes from an image.
This tool does the boring pixel math for you. You drop the image, it finds the dominant colors, you copy the codes. That's the whole workflow.
The difference between this and the Color Picker tool
The Color Pickerlets you click a specific pixel in your image to get its exact color. Great when you know exactly which shade you want. The Color Palette tool is for when you don't know — it finds the dominant colors across the whole image automatically. Use both: palette for discovery, picker for precision.
How many colours should you extract?
The right number depends on what the palette is for. More colours is not more useful, it just moves the job of choosing from the tool to you.
What the exclude extremes option does
Most photographs contain a lot of near black shadow and near white highlight. Counted by area, those often win, and the palette comes back as three greys and a black. Excluding the extremes skips pixels that are almost pure black or almost pure white, so the colours that give the image its character can come through.
Turn it off when the darks or lights are the point, for example a moody black and white photo or a product shot on a white background where you want that exact white.
Area is not the same as importance
The palette ranks colours by how many pixels they cover. Your eye does not. A small red logo on a large grey wall is the first thing a person notices, and the last thing an area count reports.
When a key colour is missing from the result, crop the image to the part you care about and extract again. Giving the tool less background to count is the quickest way to make an accent colour show up.
Turning a palette into something usable
An extracted palette is raw material. Two checks turn it into a scheme that works on a real page.
- Pick one dominant colour and one accent. Using every swatch equally makes a design look unplanned.
- Test text contrast before committing. The accessibility guideline WCAG asks for a contrast ratio of at least 4.5 to 1 for normal body text and 3 to 1 for large text.
- Light colours pulled from photos are often too pale for text on white. Keep them for backgrounds and borders instead.