How to Use the Color Picker and Eyedropper in Photoshop to Sample Logo Colors

The short answer

To take a color sample in Photoshop, select the Eyedropper tool (keyboard shortcut I) and click the area of the artwork you want to match. The color becomes your foreground color. Click the foreground swatch at the bottom of the toolbar to open the Color Picker dialog, where you can read the exact value as a hex code, RGB, CMYK, HSB or Lab numbers, copy it, or save it as a swatch.

The names are easy to mix up. Many people search for a "color picker tool," but in Photoshop the Color Picker is a dialog for viewing and editing a color, while the Eyedropper is the tool that grabs a color from pixels on screen. You use them together: the Eyedropper samples, and the Color Picker shows and records the value.

Terms worth knowing first

• Foreground color: the active color Photoshop uses for painting and fills, shown as the upper of the two swatches in the toolbar. The Eyedropper writes its sample here by default.
• Hex code: a six-character web color value such as #1A4C8B that represents an RGB color. It is the easiest value to paste into other software.
• Sample size: how many pixels the Eyedropper reads at once. A point sample reads one pixel; the average options read a square block and return the mean color.
• Anti-aliasing: the blended, in-between pixels Photoshop and other software create along edges to make shapes look smooth. They are not the true logo color.
• Color mode: whether the document is RGB, CMYK, Grayscale or another mode. It affects which numbers are authoritative for that file.
• Spot color: a premixed ink, such as a Pantone color, specified by name rather than by mixing process inks.

Step by step: sampling a color from logo artwork

• 1. Open the logo file in Photoshop. If it is a vector file such as a PDF or AI file, Photoshop will rasterize it into pixels when it opens, so the colors you sample are pixel values from that rendering.
• 2. Zoom in so you can see the solid interior of the shape you want to sample, away from its edges.
• 3. Press I or choose the Eyedropper from the toolbar. If another tool appears in that slot, click and hold the slot to reveal the Eyedropper.
• 4. In the options bar at the top, set Sample Size. Use a small average, such as 3 by 3 or 5 by 5, for flat logo fills. Use Point Sample only when you are sure the pixel is clean.
• 5. In the same options bar, set Sample to All Layers if the color you see is the result of several stacked layers, or Current Layer if you only want the selected layer's pixels.
• 6. Click inside the solid area of the logo. The foreground swatch updates to the sampled color.
• 7. Click the foreground swatch to open the Color Picker. Read the value in the field marked #, or in the RGB, CMYK, HSB or Lab fields.
• 8. Copy the hex value or click Add to Swatches and give the swatch a clear name so you can reuse it in the document and across projects.

Choosing the right Eyedropper settings

Setting | When to use it | Watch out for

Point Sample | Clean, uncompressed artwork with large flat fills | A single noisy or edge pixel gives the wrong value

3 by 3 or 5 by 5 Average | Most logo sampling, especially from screenshots or JPEG files | Sampling near an edge still blends in background color

Larger averages | Textured or photographic areas where you want an overall tone | Produces a color that may not exist anywhere in the artwork

Sample: Current Layer | You want the pixels of one layer only | Ignores blending, adjustments and layers above

Sample: All Layers | You want the color as it appears on screen | Includes effects, overlays and adjustment layers

Sampling from outside the document

If the logo is visible in another window, such as a browser or a PDF viewer, you can sample it without importing it. With the Eyedropper active, press the mouse button inside the Photoshop canvas, keep holding it, and drag the pointer over the color elsewhere on screen, then release. This reads the color as displayed by your monitor, so it is affected by the other application's color management and by any scaling or compression in that view. Treat it as a quick reference rather than a definitive brand value.

Shortcuts that speed up the workflow

• I: select the Eyedropper.
• Alt (Windows) or Option (macOS) while using a painting tool such as the Brush: temporarily switch to the Eyedropper, sample, then release to keep painting.
• Alt or Option while clicking with the Eyedropper: sample into the background color instead of the foreground color.
• X: swap the foreground and background colors.
• D: reset to the default black and white colors.

How to verify that the sample is correct

• Sample the same area two or three times at slightly different spots inside the fill. If the values change noticeably, the area is not truly flat, often because of JPEG compression or a gradient, and you should average or find a cleaner source.
• Open the Info panel (Window menu, Info) and hover over the artwork to read live values without changing your foreground color.
• Use the Color Sampler tool, nested with the Eyedropper, to place fixed sample points whose readings stay visible in the Info panel while you work.
• Paint a small test swatch beside the original on a new layer and compare them at high zoom. A mismatch you can see means the sample needs another look.
• In the Color Picker, check for the out-of-gamut warning, a small triangle icon. It means the color cannot be reproduced exactly in CMYK print, and the swatch beneath it shows the nearest printable color.

Limits of a sampled color for logo delivery

A sampled value tells you what a set of pixels looks like in that file. It does not tell you the color the logo was designed with. The same logo can sample differently depending on the file's color mode and embedded color profile, the export settings used to create it, compression, and whether a translucent effect sits on top. For a client or brand logo, the brand guidelines or the original source file are the authority; use sampling to fill a gap or to check a file, not to replace documented values.

Converting a sampled color to a spot color through the Color Libraries button in the Color Picker returns the closest library match, which may not be the ink the brand actually specifies. Confirm spot colors against the brand standard or a physical swatch guide before sending artwork to print.

Sampling a color also does not make the artwork vector or editable. Photoshop works with pixels, so if you need a scalable logo, apply the verified color values to the vector paths in a vector application or to vector shape layers, and keep the original vector file as the delivery master. A file extension such as PDF or EPS on its own does not prove the contents are vector, and having the file does not grant permission to reuse someone else's logo.

Which value to record for each use

• Screen and web use: record the hex code and RGB values from an RGB document.
• Process print: record CMYK values from a document set up with the print profile your printer specifies, and check the gamut warning.
• Spot-color print: record the specified spot color name from the brand standard; a sampled color is only an approximation.
• In every case, note where the value came from, such as brand guide, original source file or sampled from a supplied image, so others know how much to trust it.

Gaps in this guide

No specific logo, brand values, color profile or Photoshop version was supplied, so this guide gives no example color values or printer settings. Menu locations and option names can differ slightly between Photoshop versions; if a control is not where described, check the tool's options bar or the Window menu. Exact print results depend on the printer, paper and profile, which only a proof from your print provider can confirm.