How to Pick a Color From an Image (Eyedropper Tool)

You see the exact shade you want — in a photo, a logo, a screenshot, a website — and you need its code. A color picker, or eyedropper, samples any pixel and gives you its precise value in HEX, RGB, or other formats so you can reuse it in a design, a stylesheet, or a document. This guide explains color codes, how sampling works, and how to build a palette from an image.

What a color picker gives you

Point at any pixel and the tool reports that color's code in the formats designers and developers use:

• HEX — like `#3A7BD5`, the standard for web and CSS.
• RGB — like `rgb(58, 123, 213)`, the same color as red/green/blue amounts.
• HSL — hue, saturation, lightness, which is handy for creating variations.

Having the exact code means you can reproduce the color perfectly anywhere instead of guessing.

How to pick a color with this tool

1. Open the Color Picker tool.
2. Load an image.
3. Click any point to sample the color under it.
4. Copy the code in the format you need.

Everything runs in your browser — the image is never uploaded.

Building a palette from an image

One of the best uses is deriving a color scheme from a photo or brand image:

• Sample the dominant color for your primary.
• Pick a contrasting accent from another part of the image.
• Note a light and a dark for backgrounds and text.

A palette pulled from a single photo tends to feel naturally harmonious because those colors already coexist in the real scene.

A note on exact matches

Sampling a color from a JPG can be slightly imprecise, because JPG compression subtly shifts pixel values, especially near edges. For a critical brand color, sample from a lossless source — a PNG or the original design file — rather than a compressed photo. Sampling a few nearby pixels and comparing helps you find the true intended color.

Related tools

Once you have a HEX value, Color Converter translates it into RGB, HSL, and other formats, or generates variations. If you are sampling from a screenshot, Crop Image can isolate the swatch first.

Common uses

• Match a brand color for a design.
• Build a palette from a photo.
• Grab a color from a website or app screenshot.
• Reproduce a shade exactly in CSS or a document.

Privacy and limits

Color picking is fully local — no upload, no size cap, nothing stored, offline once loaded. Open the Color Picker tool to grab any color you see.