Color Palette
Extract dominant colors with hex codes & percentages.
What does the color detector do?
The freeimgtool color palette detector finds the most common colors inside any image and gives you back a clean palette with hex codes, RGB values, and how much of the image each color covers. Pick between 2 and 10 colors. Click a swatch to copy the hex straight to the clipboard.
The detector runs k-means clustering on the image pixels, the same algorithm designer tools use under the hood. The result is stable: re-run on the same image and you get the same palette. You also get a downloadable copy of the original image with a palette strip baked across the bottom — useful for moodboards.
How to use it
- Click the upload box and pick an image (up to 5 MB).
- Drag the slider to choose how many colors to extract.
- Click Get palette.
- Click any swatch in the result to copy its hex code.
- Optionally download the image with the palette strip attached.
Why use this color tool
Color picker browser extensions only give you one color at a time and need you to hunt around the image. This tool returns the whole palette in one click, sorted by how dominant each color is. The hex codes plug straight into CSS, Figma, Photoshop, or Tailwind. No signup, no install.
Who uses it
Designers building brand systems. Developers picking accent colors for a website. Photographers building moodboards from a shoot. Marketers matching graphics to a reference photo. Students starting a paint or sketch project. Anyone who needs color codes from an image right now.
Frequently asked questions
Is the color detector free?
Yes. No signup, no premium tier. Display ads support the site.
How many colors can I extract?
Between 2 and 10. Five is a good default. Two is useful when you just want the lightest and darkest tone.
What is the maximum upload size?
Five megabytes per image. The detector internally downscales for speed, so detail above 5 MB is not needed.
Are the percentages exact?
They are the share of pixels assigned to each color cluster after downscaling. Close to exact for any practical use.
Why does the same image give a similar but not identical palette across tools?
K-means starts with a seeded initialization (k-means++ here), and most tools differ in seed, downscale ratio, and color space. Within this tool, results are stable run-to-run.
Can I copy the RGB values too?
Right now the click-to-copy returns the hex. RGB values are shown next to each swatch and can be selected with the mouse.
Is my image stored?
Uploads are kept only long enough to return the palette image link and are removed automatically. Privacy policy has the details.
Will it work on transparent PNGs?
The image is treated as RGB during analysis, so transparent areas appear black in the palette calculation. For best results, flatten transparency first or use a JPG.