See a color in a photo you want to use exactly — matching a brand color from a product shot, or pulling a specific tone from a piece of art — and need its precise hex or RGB value? This tool lets you click anywhere on an uploaded image to sample that exact pixel's color.
The digital eyedropper, standing in for a physical one
The "eyedropper" metaphor and icon used across virtually every image editing tool traces back to actual physical eyedroppers used in traditional color mixing and paint matching, where a small quantity of a reference color would be sampled to guide mixing an exact match — digital color picker tools adopted both the name and the visual icon directly from that physical process, even though the underlying operation (reading a specific pixel's stored RGB value) is entirely different from anything an actual eyedropper does.
How the tool samples a color
When you click a specific point on your uploaded image, the tool reads that exact pixel's stored RGB values directly from the image's underlying pixel data, then converts and displays that value in multiple common formats (hex, RGB, and often HSL) so you can copy whichever format your specific destination — a stylesheet, a design tool, a paint mixing reference — actually requires.
Where sampling colors from an image is genuinely useful
- Matching a brand color from an existing photo or logo — extracting the exact hex value of a color already used in existing brand materials, ensuring perfect consistency when that color needs to be reused elsewhere.
- Building a color palette from a photograph or artwork — sampling several colors from an inspiring image (a sunset photo, a piece of art) to build a coordinated color scheme for a design project.
- Web design and CSS development — pulling an exact color value from a design mockup image to use precisely in a corresponding stylesheet, ensuring the implemented design matches the intended visual exactly.
- Print and physical color matching — sampling a digital photo of a physical object (fabric, paint sample, printed material) as a reference point when trying to match or reproduce that color elsewhere, keeping in mind that a photo's color can be affected by lighting conditions at the time it was taken.
Frequently asked questions
Will the sampled color exactly match the real-world object in the photo? Not necessarily — a photo's captured color can be affected by lighting conditions, camera white balance, and compression, so a color sampled from a photograph of a physical object is a helpful reference but isn't guaranteed to be a perfectly accurate reproduction of that object's true color under different lighting.
What formats does the sampled color get shown in? Typically hex, RGB and HSL simultaneously, since different destinations (CSS, design tools, paint-mixing references) commonly expect different formats, and having all three readily available saves a separate conversion step.
Can I sample colors from a screenshot the same way? Yes — the tool works identically regardless of what the uploaded image actually depicts, whether it's a photograph, a screenshot, a scanned document, or any other image containing the color you want to identify precisely.
Further reading
Wikipedia — Eyedropper (software) — The digital color-sampling tool this feature is modeled on.