Color picker from an image

Match the exact color in a photo

A brand's blue, the color of a product in a catalog photo, the background of a screenshot you need to recreate in a design tool: often the fastest way to get a color right is to lift it straight from the image where you saw it. A color picker reads the value of a single pixel, without guessing or rounding, so it is more accurate than eyeballing a swatch and typing a close hex code by hand.

How to use it

Drop a photo, or click to choose a file. Move the mouse over the image and a magnifier shows a zoomed view of the area under the cursor, so you can land exactly on the pixel you want even in a small or detailed area. Click, or tap on a touchscreen, and the color of that point appears with its hex code, its RGB values, its HSL values and the closest standard color name, each with its own copy button. Every pick you make is kept in a short history below, so you can compare several colors from the same image without losing the earlier ones.

Where this is useful

• Reading a brand color from a logo or a marketing photo when you do not have the official palette.
• Matching the background or accent color from a screenshot when rebuilding a design.
• Checking the actual color of a product photo before ordering paint, fabric or print material.
• Sampling colors from nature or artwork photos for a palette.

Accuracy

The tool reads the pixel exactly as your browser decoded it, so the color depends on how the photo was taken, compressed and color-managed, not on an idealized version of the object. Heavy JPEG compression or unusual lighting can shift a color slightly from what the eye remembers. For print or manufacturing work, treat the result as a close reference, not a certified color match.

Private by design

The photo is loaded and read entirely in your browser using the canvas the page draws it on; it is never uploaded anywhere. To build a full palette instead of a single color, use the color palette generator.