Color Palette Extractor
Upload an image and get its six most common colors as hex codes, each with its own copy button.
Images never leave your browser.
Runs in your browser. Nothing you enter is uploaded.
What it does
This extractor shrinks your image to a small sample, groups similar pixels into color buckets, and returns up to six colors ranked by how many pixels fall into each group. Each swatch shows its hex code and a Copy button, so you can move a color straight into CSS, Canva, or Figma.
Creators use it to build a feed palette from a favorite photo, designers use it to recover brand colors from a logo when nobody has the style guide, and marketers use it to match a banner to a product shot. Fully transparent areas are ignored, so a logo PNG returns its ink colors, not the empty background.
How to use it
- 1
Click Choose an image and select a photo, logo, or screenshot.
- 2
Confirm the preview shows the right image.
- 3
Read the Dominant colors list, ordered from most to least common.
- 4
Click Copy next to any swatch to copy its hex code.
What you get
Up to six color swatches with hex codes, ordered by pixel share. Hex codes are displayed in uppercase and copied in lowercase (for example #1f6feb).
When to use it
- Recover colors from a logo
- Upload the logo PNG to get its main colors as hex codes when the original brand file is missing.
- Palette from a hero photo
- Pull the dominant tones from a product or travel photo to style text overlays and backgrounds that match it.
- Find a backdrop color
- Get the exact hex of a studio background so you can key it out in the background color remover.
Tips
- Crop out large backgrounds first. A white wall covering half the photo will take the top slot.
- Colors are averages of similar pixels, so small accent colors may not appear. Crop to the detail you care about.
- Two swatches that look almost identical usually mean a gradient or shading; keep one and drop the other.
- Check text and background pairs from your palette with the color contrast checker before using them.
Questions
Why does my extracted palette include the background color?
Colors are ranked by how many pixels they cover, so a large background usually comes first. Crop the image to the subject or use a PNG with a transparent background, since transparent pixels are skipped.
Can I choose how many colors to extract?
No. The tool returns up to six. Simple images such as flat logos may return fewer because they contain fewer distinct color groups.
Are the hex codes exact pixel colors from my image?
Each swatch is the average of a group of similar pixels in a downscaled copy, so it represents the area well but may differ slightly from any single pixel.
Can I get RGB or HSL values instead of hex?
The extractor outputs hex only. Paste a code into the hex to RGB converter or the color palette generator to see RGB and HSL.