Find Your Logo’s Colors
To find the colors of a logo, drop the logo file below. The palette lists its colors with HEX, RGB and CMYK codes and skips the transparent background. For the exact value of one part, zoom in and click a solid area away from the edges. Use a PNG or SVG file if you have one.
Logo color finder
The color picker needs JavaScript. Below is the sample image; the text on this page explains every format and formula.
Or drag an image onto the box, or paste one with Ctrl+V (⌘+V on a Mac). Picking from anywhere on your screen works in Chrome and Edge on a computer.
Your image stays on this device. It is never uploaded.
- HEX
– - RGB
– - HSL
– - CMYK
–
CMYK is approximate. For print, use your printer’s color profile.
Click or tap a point in the image to see its color codes here.
Recent colors
Colors you pick appear here. They are saved only in this browser.
How to use it
- Choose or drop your logo file (PNG or SVG works best).
- Set the palette to the number of colors in the logo.
- Click the middle of each colored area to confirm the exact code.
- Copy the HEX list or CSS variables for your brand notes.
Getting exact brand colors
- Use the best file you have. An SVG or PNG from the original artwork stores exact colors. A JPG or a screenshot of a logo has compression and blending at the edges.
- Set the number of colors to match the logo. A logo with two colors and black needs a palette of 3. Extra slots fill up with edge blends.
- Confirm by clicking. Click the middle of each colored area with sample size 1×1. In a clean PNG or SVG, a solid area has one exact value, and that is your brand color.
- Write them down. Copy the CSS variables or the HEX list into your brand notes.
Transparent backgrounds and edges
Pixels that are more than half transparent are not counted in the palette, so the background of a transparent PNG does not become a color. Around curved edges and text, pixels are partly transparent or blended with the background; they appear as small shares in a large palette and can be ignored.
SVG logos are drawn by the browser at a fixed size before they are read. Colors in solid shapes are exact; gradients and effects become many shades.
When the logo is printed
A brand guide often lists separate print values (CMYK or a Pantone reference) that were chosen by a designer with a printer, not calculated from the screen color. If such a guide exists, use its print values. The CMYK shown here is a simple estimate for when you have nothing else.
Frequently asked questions
How do I find the exact colors of my logo?
Open the original logo file, ideally PNG or SVG, choose a palette with as many colors as the logo has, and then click the middle of each colored area. In a clean file each solid area has one exact hex code.
Why does my logo palette show extra colors?
The edges of shapes and letters are smoothed with in-between pixels that blend the logo color with the background. In a large palette, these blends get their own slots. Choose fewer colors, or pick each color by clicking the solid areas.
Does the tool work with transparent PNG logos?
Yes. Transparent and mostly transparent pixels are left out of the palette. In the loupe they show as the checker-free light background color of the page, and picking them gives the color stored in the file.
Can I get my logo’s Pantone color here?
No. Pantone colors are physical ink references, and there is no exact formula from a screen color to a Pantone number. Use the hex code as a starting point and compare with a printed Pantone guide or ask a printer.
Can I use a logo from a website?
You can find the colors of any logo you can see, for example from a screenshot. Remember that logos and brand colors may be protected as trademarks, so use them in line with the owner’s rules.
Last updated: October 15, 2026