Upload an image and hover or click to read exact pixel coordinates and color values. Ideal for hotspot mapping, UI alignment, slice positioning, and design handoff—all processed locally.
intro.image_coords.p2_blog intro.image_coords.p2_link
Pick Pixel Coordinates and Colors from Any Image Online
Get pixel coordinates and color codes from any point on your image.
Drag and drop an image here or click to select
Image
Move over the image to preview coordinates; click to record a point.
Coordinate Info
X 0
Y 0
Original Width 0
Original Height 0
HEX: #000000
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Coordinates (0, 0)
| # | X | Y | Color | Action |
|---|
Click on the image to record coordinates
Other tools you may like
How to Use Image Coordinate Picker
- Upload an image (drag and drop or click to select)
- Move your cursor over the image to preview live X/Y coordinates and colors
- Click a point to mark it and add a record with coordinates and color codes
- Copy X, Y, RGB, HEX, HSL, or coordinate pairs with one click
- Use Copy All or clear records when you are done
FAQ
- Are coordinates based on display size or original pixels? Results use the image's true pixel dimensions.
- Why do colors differ slightly from the design file? Compression or color profiles may affect sampled values.
- Can I copy coordinate records? Yes—copy individual rows or export all records at once.
Notes:
- Supported formats: JPG, PNG, WebP, GIF
- Coordinates are calculated from the original image pixel grid
- Click marks are shown on the image for quick visual reference
- Nothing is saved on the server; refreshing clears all data.