See real color weight
Every swatch includes an estimated share, so you can tell a true dominant shade from a small accent.
Reveal the colors that define any image. Get accurate percentages, copy-ready color codes, and a polished palette in seconds.
🔒 Your image is analyzed on this device. It is never uploaded or stored.
Go beyond a single average color. See the visual hierarchy of your image and take the exact shades into your next design.
Every swatch includes an estimated share, so you can tell a true dominant shade from a small accent.
Copy one code, export every shade as CSS variables, or download a presentation-ready palette card.
Pixel sampling and color clustering happen inside your browser. Your original image stays on your device.
Choose a photo, illustration, logo, product image or screenshot, or simply drag it into the preview.
Use 3 colors for a focused identity or up to 10 for a more detailed image palette. Ignore white when analyzing cutouts or catalog photos.
Colors are ranked by their estimated share of the image. Switch between HEX, RGB and HSL values.
Click a swatch to copy it, copy the full palette as CSS variables, or download a polished PNG palette.
A dominant color is one of the shades that contributes most to the overall appearance of an image. It is not always the brightest color or the shade at the exact center. This finder samples pixels across the whole picture, groups visually similar colors, and ranks those groups by how much of the image they represent.
Dominant image colors are useful for brand moodboards, UI themes, social graphics, room inspiration, product pages, album art, illustration palettes and accessible color planning. For a clean brand palette, try three to five colors. For photography or detailed artwork, six to ten colors usually preserves more nuance.
Upload or drop the picture into this tool. It samples the image, groups similar pixels and shows the most common color first, followed by supporting and accent colors.
Yes. Choose from 3 to 10 colors. Each result includes its estimated percentage and a copyable HEX, RGB or HSL code.
Enable Ignore white background for product photos, logos and cutout graphics when the white area is not part of the palette you want. Leave it off when white is an intentional part of the image.
The tool groups nearby colors and calculates a representative shade for each group. This creates a useful, compact palette from images that may contain thousands of slightly different pixel colors.
Yes. It works online in a modern browser, costs nothing, requires no account and adds no watermark.
No. The image is decoded, sampled and analyzed locally by your browser. This tool does not send it to a server.
Keep the creative momentum going with another free browser tool.