How to pick a color from a picture
Upload the image, hover, click. The magnifier loupe shows an 8x zoom of the pixels under your cursor with a crosshair on the exact pixel, so you can land on a 1 pixel border or a letter edge precisely instead of guessing. Every click updates the four format read outs and drops the color into the history strip, so comparing two areas of an image is just two clicks. On Chrome and Edge the Screen Eyedropper button goes further and samples any pixel anywhere on your screen, including other apps, using the browser's native EyeDropper API.
Why the same photo gives different colors in different spots
What reads as one solid color to your eye is usually dozens of neighboring shades once compressed by a camera or JPG encoder. A brand logo photographed on a wall will vary by 5 to 15 HEX steps across its surface from lighting alone. Two practical habits: pick from the flattest, most evenly lit region, and use the dominant palette below the picker as a sanity check, since the clustering averages out compression noise. If you need the true brand color, pick from an original digital asset such as a screenshot of the website rather than a photo.
HEX, RGB, HSL and CMYK in one minute
HEX and RGB are two spellings of the same thing: how much red, green and blue light a screen mixes. #6C47FF is rgb(108, 71, 255). CSS accepts both everywhere. HSL restates that color as hue 252, saturation 100 percent, lightness 64 percent, which is the format to use when you want a darker or less saturated variant of the same hue; change one number instead of recomputing three. CMYK estimates the cyan, magenta, yellow and black ink mix a printer would use. The conversion is approximate by nature: screens emit light and can show colors paper physically cannot reproduce, so treat the CMYK value as a starting point and proof against a printed sample for anything critical.
What the dominant palette is good for
The palette is built by clustering the image's pixels and returning the eight cluster centers that cover the most area. That gives you the colors the image is actually made of, which is the raw material for a website theme pulled from a hero photo, a slide deck matched to product shots, or checking whether a photo fits an existing brand scheme. The Copy as CSS variables button exports the palette as custom properties ready to paste into a stylesheet. For deeper work on the images themselves, the picker pairs naturally with our photo editor, photo colorizer and color inverter.
Privacy: the image never leaves your machine
The file you drop is read directly into a canvas element in your browser tab and sampled there. There is no upload step, no server processing and nothing to delete afterward. That matters more than convenience when the image is an unreleased design, a client asset under NDA, or anything else you would not email to a stranger.