Free Color Palette From Image Generator
Extract the 5–10 dominant colors of any photo with HEX codes and shares — copy as CSS variables or download a swatch PNG. Free, no sign-up, nothing uploaded.
Picked color
Color palette from this image
Want to change a color instead? Use the image color changer, or restyle the whole picture with the AI image editor (first edit free).
Hold Frame's color palette from image tool extracts the dominant colors of a photo, artwork or screenshot: drop or paste an image and get 5, 6, 8 or 10 colors (k-means over the image's pixels) with their HEX codes and how much of the image each covers. Copy them all as HEX, as CSS custom properties, or download a PNG swatch card; click the image to pick any other exact color. It's free, needs no sign-up and runs entirely in your browser.
Facts checked October 10, 2026.
What you get
| Price | Free. No sign-up, no ads in the tool, no limit. |
|---|---|
| Color codes | HEX, RGB and HSL of the exact pixel you click, with one-click copy and a magnifier for precise picking. |
| Palette | 5, 6, 8 or 10 dominant colors with their share of the image (k-means on the image's pixels); copy all HEX, CSS variables, or download a PNG swatch card. |
| Privacy | The image is read in your browser and never uploaded. |
| Works on | Desktop and mobile browsers; paste screenshots directly. |
| Not the right tool for | Picking colors from other apps on your screen (use your OS eyedropper) or generating random palettes without an image. |
How it works
1. Add an image
Upload, drag in or paste a screenshot. Nothing is uploaded.
2. Click to pick
The magnifier shows the exact pixel; HEX, RGB and HSL appear instantly.
3. Grab the palette
Copy the dominant colors as HEX or CSS variables, or download a swatch PNG.
FAQ
How do I extract a color palette from an image?
Drop, choose or paste the image — the palette appears instantly. Pick 5, 6, 8 or 10 colors, then copy the HEX codes or CSS variables, or download the swatch PNG.
How are the colors chosen?
The image is sampled and grouped with k-means clustering; each swatch is the average color of one group, sorted by how much of the image it covers.
Can I export the palette for CSS or Figma?
Copy CSS variables (--color-1 … --color-n) for code, or copy all HEX codes and paste them into Figma, Canva or Adobe tools.
Can I get the exact color of one spot?
Yes — click anywhere on the image to get that pixel's HEX, RGB and HSL.
Is this like Coolors?
Coolors generates and explores palettes; this tool focuses on pulling the real colors out of your own image, free and without an account.
Is my image uploaded?
No. Everything runs in your browser.