Exact logo colors
Logo Color Extractor
Logo Color Extractor finds the exact color codes in a logo file. It removes the background and the blended pixels along edges, then returns each logo color as HEX, RGB, HSL, OKLCH, Lab and a CMYK estimate.
- Free, no signup
- Images never leave your device
- Exact pixel colors
Drop your logo here
or paste with Ctrl+V. SVG, PNG, JPG, WebP. Transparent PNG or SVG gives exact colors.
How does the logo color extractor work?
The logo color extractor counts the exact colors in a logo file, removes the colors that belong to the background or to edge blends, and returns the rest ranked by area.
Add your logo
Drop an SVG, PNG, JPG or WebP file, or paste a copied logo. SVG files and transparent PNG files give exact values.
Background is removed
When at least 60% of the image's outer border is one color, that color counts as background and leaves the palette. A switch restores it.
Edge blends are dropped
Pixels along curves mix the neighboring colors. A color that sits on the mixing line between two logo colors and appears only on edges is removed.
Copy the codes
Each logo color shows its HEX, RGB, HSL, HSB, OKLCH, Lab and CMYK values and its WCAG contrast against white and black.
Why does a logo show extra colors?
A logo shows extra colors because of anti-aliasing and compression. Anti-aliasing blends the pixels along curves and diagonal edges with the color next to them, and JPEG compression shifts colors near edges.
Logo mode counts exact colors instead of averaging groups, keeps the most frequent real value of each color, and removes the blends. A photo extractor reports those blends as separate colors.
Which logo file gives the most accurate colors?
| File type | Color accuracy | Reason |
|---|---|---|
| SVG | Exact | Vector shapes store their color codes as text, and the extractor snaps its results to those values |
| PNG | Exact | Lossless compression keeps every pixel value |
| WebP (lossless) and GIF | Exact | Lossless storage; GIF holds at most 256 colors |
| JPEG | Approximate | Lossy compression and chroma subsampling alter colors, most of all at edges |
The guide How to find your logo's exact color codes explains file formats and print codes in depth.
Which color codes does a logo need?
A logo needs HEX codes for websites, RGB values for screen design, CMYK values for process printing and a Pantone reference for spot-color printing.
| Code system | Medium | Provided here |
|---|---|---|
| HEX | Websites and CSS | Exact |
| RGB | Screens, apps and video | Exact |
| CMYK | Process printing | Estimate without an ICC profile |
| Pantone (PMS) | Spot-color printing | Not provided, because Pantone color data is licensed |
How do you check that your website uses the logo colors?
Run your site through the Website Color Extractor and compare its brand color with the logo's HEX code. Any difference between the two codes means the site uses an approximation of the logo color.
The Contrast tab shows whether each logo color passes WCAG contrast as text on white or black. WCAG exempts logos from contrast requirements, but text set in a brand color still needs 4.5:1.
Who needs a logo color extractor?
Small business owners
Match a store theme, an announcement bar and social graphics to the exact logo color.
Designers
Rebuild a brand palette from a client's logo when no brand guide exists.
Print buyers
Collect exact screen values and a CMYK starting point to discuss with a printer.
Developers
Export the logo colors as CSS variables or a Tailwind theme.
Logo color extractor FAQ
Can I get the Pantone color of my logo?
No. Pantone color data is licensed, so the extractor gives exact HEX and RGB values and a CMYK estimate. A printer or Pantone's own tools match a PMS color from those values.
Why does my JPG logo show more colors than expected?
JPEG compression changes colors near edges. Raise Merge similar, or use a PNG or SVG version of the logo for exact values.
What if the background is part of my logo?
Turn off Remove background. The background color then returns to the palette with its share of the image.
Is my logo uploaded?
No. The logo is decoded and analyzed in your browser and never leaves your device.
Can I get the colors of a logo on a website?
Yes. The Website Color Extractor reads the header logo and site icon of a URL and lists their colors next to the CSS colors.