Find color

The short answer: read the fill, don't guess it

To find a logo color, open the artwork, select the shape and read its fill or stroke value in the color panel. For a raster image, sample the color with an eyedropper tool and read the code it reports. A fill is the color inside a closed shape. A stroke is the color applied along a path's outline. In vector artwork, shapes are built from mathematically defined paths, and each path stores its color as an exact value, so reading the fill gives you the code the designer specified. In a raster image, color is stored pixel by pixel, so sampling gives you an estimate that compression, edge smoothing or color conversion may have altered.

A color code is the written value that identifies a color within a color model. A color model is a system for describing color, such as HEX or RGB for screens or CMYK for print. The same visible color can have different codes in different models, so you need to know which model the final use requires.

Color models you are likely to encounter

Model | How the code is written | Typical use

HEX | A hash sign followed by six hexadecimal characters, such as #FFFFFF for white | Websites, apps and digital style guides

RGB | Three values for red, green and blue, each from 0 to 255 | Screens, digital graphics and video

HSL / HSB | Hue in degrees plus saturation and lightness or brightness as percentages | Adjusting tints and shades when building a palette

CMYK | Four percentages for cyan, magenta, yellow and black ink | Process-color printing

Spot color | A named or numbered ink from a color-matching system, such as a Pantone reference | Print jobs that need one consistent, premixed ink

HEX and RGB describe the same screen color in two notations, so converting between them is exact. Conversions between screen models, CMYK and spot colors are approximations that depend on the color profile, paper and printing process, so treat any automatic conversion as a starting point rather than an official value.

Step by step: finding the color code in vector artwork

• Open the file in a vector editor rather than an image viewer, so you can select individual objects.
• Use the direct selection tool to select a single shape; if the logo is grouped, isolate the group or ungroup a copy.
• Check the fill and stroke indicators separately; a letterform may have a colored fill with no stroke, or the reverse.
• Read the value in the color panel and note which model it is shown in, since many editors display the document's working model by default.
• Check the document color mode; artwork built in CMYK will report CMYK values, and switching modes can shift the numbers.
• Look for swatches; if the designer saved named or global swatches, the swatch panel is often the clearest record of the intended palette.
• Repeat for every distinct color, including small details such as registered marks or taglines.

In an SVG file, colors can also be read as text. Open the file in a code editor and look for fill and stroke attributes or style rules. The snippet below is illustrative, not a value from any real logo:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#1A73E8" stroke="none"/>
  <path d="M30 50 L70 50" stroke="#202124" stroke-width="6"/>
</svg>

Colors in SVG may also appear in a style block, as named colors, as rgb() values, or inside gradient definitions, so search the whole file rather than stopping at the first fill.

Step by step: sampling color from a raster image

• Use the largest, least compressed version of the image you have; screenshots and heavily compressed files distort color.
• Zoom in and sample from the center of a solid area, away from edges where anti-aliasing blends the logo color with the background.
• Sample several points in the same area; if the readings vary, the file has compression noise or a gradient.
• Use an averaged sample size if your tool offers one, which reduces the effect of stray pixels.
• Record the result as HEX or RGB, since the sample comes from screen data.
• Treat the result as an approximation and confirm it before using it in production artwork.

Why the code you find may not be the true color

• Compression: lossy formats such as JPEG alter pixel values, especially near edges and in flat areas.
• Anti-aliasing: smoothed edges contain blended pixels that are neither the logo color nor the background.
• Color profiles: an image tagged with one profile and displayed in another can report or show different values.
• Transparency: a semi-transparent fill sampled over a background reports the mixed result, not the original color.
• Gradients and effects: shadows, overlays and blending modes change the visible color without changing the underlying fill.
• Display differences: two screens can show the same code differently, so judging by eye is not a reliable check.
• Conversion history: a logo converted from CMYK to RGB, or the reverse, may no longer match the original specification.

A file extension does not tell you how the color is stored. A PDF, EPS or SVG can contain an embedded raster image instead of vector paths, and in that case reading a fill is impossible and you are back to sampling pixels. Select the object and check whether your editor identifies it as a path or as an image before trusting the result.

Choosing the right code for the job

Use HEX or RGB for websites, apps, presentations and other screen work. Use CMYK for process-color printing, and ask the printer which profile they expect. Use a spot color reference when the print job needs a consistent premixed ink, for example on packaging, signage or merchandise. A spot color cannot be derived precisely from a HEX code; if the logo needs a spot ink, that reference has to come from the brand specification or the original designer, not from a conversion.

Verify the result before you use it

If the logo belongs to an organization, its official brand guidelines are the authoritative source for its colors and usually list the approved values for each model. Compare the codes you found against that specification, and use the documented values where they differ. A sampled or converted value is your own measurement, not a brand requirement. Finding a logo's color code also does not grant permission to reproduce the logo; reuse is governed by the owner's terms.

If you are building your own palette, record each color once in every model you need, name the swatches, and save them in the master vector file. Then test the result by checking the colors on more than one screen and requesting a printed proof for print work.

What this guide does not cover

No brand-specific color values, tool comparisons or conversion figures were available for this guide, so it does not list official codes for any named logo. For a specific brand, the exact values must come from that brand's published guidelines or from the designer who produced the artwork.