Original
Choose an image to see a preview here.
Image / Local tool
Image Pixel Color Picker
Pick any pixel from a local image and copy its HEX, RGB and HSL color values without sending the image anywhere.
Processed result
Choose an image to see a preview here.
Method, example & boundaries
Image Pixel Color Picker: from input to a reviewable result
Click a local image to inspect one exact pixel as HEX, RGB, and HSL without uploading the file. Coordinate-level sampling is useful for reproducing a brand color, debugging an unexpected edge, or handing a measured value to CSS work.
Worked example: sample a teal interface pixel
- Example input
- Click coordinate x=240, y=96; decoded pixel RGB(15, 118, 110).
- Example output
HEX #0F766E; RGB 15, 118, 110; approximately HSL 175°, 77%, 26%.
How to interpret it
All formats describe the same decoded pixel, so HEX can be copied to CSS while RGB or HSL supports further adjustment.
Coordinate and color conversion
The browser maps the click from displayed image coordinates back to the natural canvas dimensions, reads one RGBA pixel, formats RGB as two-digit HEX components, and derives HSL from normalized channel extrema.
Sampling boundaries
- Scaling and browser color management can make a displayed color differ from another application.
- One pixel may be an anti-aliased edge rather than the intended solid design color.
- The tool reports decoded screen color and is not a calibrated print measurement.
Anonymous feedback
Did this tool solve the job?
Found a problem or an idea to make this tool better? Tell us. We review every report and start working on actionable improvements within 2 days, continuously improving reliability and usability.