How to Pick a Color from an Image (Get the Hex Code)

Need the exact color from a logo or photo? Here are three reliable ways to get its hex/RGB value.

Method 1: The browser eyedropper

Modern Chrome and Edge include a built-in EyeDropper — open it from a color input and click anywhere on screen to capture the hex.

Method 2: Browser dev tools

Open the page, inspect the element, and use the color picker in the styles panel to sample any pixel.

Method 3: Screenshot + magnify

Zoom in on a screenshot until you can read a single pixel, then sample it.

Good to know

Colors look different across screens because of color profiles — see color profiles & ICC and RGB vs CMYK for why a hex value can still print differently.