Upload an image
A logo, a brand photo or a screenshot.
Brand color extractor
Upload a logo, a product photo or a screenshot and get its main colors automatically, sorted by how much of the image each one covers, with the hex code ready to copy for each.
- Free
- No sign-up
- Runs in your browser
100% private — the image is analyzed in your browser and never uploaded.
How it works
Choose how many colors
From 2 to 6 dominant colors.
Copy the hex codes
Each swatch shows its share of the image.
Pull a color palette out of an existing image
A client sends a logo with no style guide, a competitor's site has a color scheme worth studying, or you want to build a page around a product photo you already have: in each case, the colors already exist somewhere in an image, and the fastest way to reuse them is to extract them directly instead of eyeballing a screenshot and guessing hex codes.
How it works
The image is reduced to a small set of representative colors using a clustering method: every pixel is grouped with the color cluster closest to it, the clusters are recentered on the average of their pixels, and the process repeats until the groups settle. What is left is a handful of colors that best summarize the whole image, each with the share of pixels it represents, so the swatch that covers most of the logo or photo is shown first.
Choosing how many colors
A simple two-color logo needs only 2 or 3 swatches to capture it fully; a busier photo benefits from up to 6. If a color you expect to see is missing, try raising the count: it may be present but too small a share to win a slot at a lower setting.
What "dominant" means here
The result reflects how much of the image's area a color covers, not necessarily what a designer would call the most important brand color. A logo's background can dominate by area while a smaller accent color carries more of the brand's identity. Treat the extracted palette as a starting point and pick the swatches that matter for your use, rather than assuming the first one is always the right one.
Limits and privacy
Very small logos, gradients or heavily compressed images can shift the exact hex values slightly. The image is analyzed entirely in your browser at a reduced size for speed, and nothing is uploaded. To build a full palette from one of these colors, use the color palette generator.
Frequently asked questions
How do I get a color palette from a logo?
Upload the logo image. The tool groups its pixels into a handful of representative colors and shows each one as a hex code, ranked by how much of the image it covers.
How many colors should I extract?
2 or 3 for a simple logo, up to 6 for a busier photo. If a color is missing, try a higher count.
Is the first color always the main brand color?
Not necessarily. It is the color that covers the most area, which is often the background rather than the most meaningful accent color.
Does it work on photos, not just logos?
Yes. Any image works, including product photos, screenshots and artwork.
Why don't the hex codes match exactly what I expected?
Compression, gradients and anti-aliased edges shift pixel colors slightly, and the clustering process averages similar colors together.
Is my image uploaded?
No. It is processed entirely in your browser.
Related tools
More utilities that also run without leaving your browser.
Color blindness simulatorSee how an image looks to someone with color blindness, side by side.
Color contrast checkerCheck text and background colors against WCAG, and get a fix that passes.
Color name finderFind the closest standard color name for any hex, RGB or HSL value.
Color picker from an imageClick any point of a photo to get its exact hex, RGB and HSL color.
Accessible color adjusterAdjust a color to pass WCAG contrast against a background, keeping its hue.
Color palette generatorBuild a matching color palette from one base color, in six classic schemes.