Image Color Picker
Pick HEX and RGB colors from an image.
What would you like to do next?
Pick a color from an image
Need the exact color from a logo, screenshot or reference image? Upload the image, click a point and copy the HEX or RGB value. The tool draws the image in your browser, so it is fast and private.
Useful for design matching
Use it to sample a brand color, match a background, inspect a screenshot or build a quick palette from visual references.
How a pixel becomes HEX and RGB
The picker samples one rendered canvas pixel and reports its red, green, and blue channel values.
Process
The selected image is decoded locally, drawn to a browser canvas, and sampled at the clicked coordinate. Each 0-255 channel is converted to a two-digit hexadecimal pair.
RGB (79, 70, 229) = HEX #4F46E5
Image scaling
Images wider than 720 pixels are scaled down for the preview. A click samples the scaled canvas, not the untouched source file.
Limits
- Downsampling can blend neighboring pixels, so use an original-resolution editor for forensic pixel values.
- Color profiles, wide-gamut images, transparency, and display calibration can affect interpretation.
- A picked color does not by itself prove sufficient text contrast or accessibility.
- W3C CSS Color Module Level 4: Defines sRGB color notation including hex and rgb().
Reviewed against the current calculator or processor on September 6, 2026.
Frequently asked questions
Can I copy the color value?
Yes. Click the HEX or RGB result to copy it.
Does it upload the image?
No. The image is loaded into a browser canvas on your device.
Why might colors differ slightly?
Browser rendering, image compression and color profiles can cause small differences between tools.