How to use Image Color Picker
- Upload a picture.
- Click or tap the part you want to sample, or use the pixel coordinate fields for a precise location.
- Copy its HEX, RGB, or HSL value.
A closer look
The picker reads a pixel from the browser-decoded image, even when the preview is shown at a smaller size. HEX and RGB describe the red, green, and blue channels; HSL expresses hue, saturation, and lightness. Transparency is displayed separately. Browser color conversion and image compression can affect sampled values, so this is a practical design helper rather than a calibrated color measurement instrument.
A practical example
Click a solid red pixel to read #FF0000 and RGB 255, 0, 0. On a compressed photo, nearby pixels can differ, so sample the exact area you want.
A useful tip
Sample a few nearby pixels if a textured or compressed area does not have one uniform color.
Good questions. Simple answers.
Does the preview size change the sampled pixel?
Click positions are mapped back to the original image dimensions before sampling.
What does zero opacity mean?
The pixel is fully transparent. Its stored RGB channels do not describe a visible color by themselves.
Explore all image tools for related tasks and category-specific guidance, or read how Toolzafi handles your data.