Image Coordinates Finder
Hover to see the X and Y position of any pixel with its color, click to save points, drag to fine-tune, copy with one click.
or browse filesdrop an image here or paste
Hover to see the X and Y position of any pixel with its color, click to save points, drag to fine-tune, copy with one click.
or browse filesdrop an image here or paste
This image coordinates finder shows you the exact pixel position under your cursor the moment you move it over a picture. Load a JPG, PNG, WebP or any other image and a live readout follows the mouse with the X and Y position plus the color underneath. The numbers always refer to the original image, so a 4000 pixel wide photo reports its true coordinates even while the preview is scaled down to fit your screen. Click anywhere and that spot is saved as a numbered point you can copy with one click, which makes this pixel coordinate finder the quick way to answer where exactly something sits inside an image.
Each click drops a reticle marker, and the markers stay live. Drag one and the label shows its coordinates in real time while the sidebar list updates. On a computer, arrow keys move the selected point by exactly one pixel and Shift with an arrow jumps ten, so landing on a single specific pixel is easy even when the preview is much smaller than the image. An optional magnifier loupe zooms the pixels around your cursor while you hover and drag, so neither the pointer nor your finger hides the pixel you are aiming at. Copy every saved point at once as a clean x, y list, remove single points, or clear the set and start over.
Every saved point carries the color of its pixel right in the list: a swatch plus the HEX code, sampled from the original file rather than the shrunken preview, so the value is exact. Click the swatch or the code and it is copied, ready for CSS, design tools or an image editor. The live readout that follows your cursor previews the color under the pointer before you commit a point, which makes the tool double as a precise color picker for logos, screenshots and design mockups.
The classic reason to find coordinates on an image is an HTML image map: click each corner of a clickable region, press Copy all points, and paste the list straight into the coords attribute of an area tag. The same workflow covers CSS overlay positioning, hotspot definitions, cropping scripts, and building annotation or training data where pixel positions of landmarks matter. Because the origin sits at the top left corner with X running right and Y running down, the numbers drop directly into canvas code, CSS, Python imaging libraries and OpenCV without any conversion.
Coordinates and colors are computed from the file you open, not from a compressed upload, because nothing is uploaded at all. The image is read locally, rendered to a preview in your browser, and sampled pixel by pixel on your own machine. That keeps confidential screenshots, unreleased designs and personal photos private, and it means there is no size limit imposed by a server: the tool reports true positions in images far larger than the screen showing them.
The measuring family goes further: measure distances, angles, radius and diameter, area and perimeter right on a photo, or all five at once in the full Measure Image tool. The image size finder reports a picture's own dimensions and file size. The full measuring collection shows them all side by side.
Open the image, move your cursor over it and the live readout shows the X and Y position under the pointer. Click to save that spot as a marker, then copy its coordinates from the list. Values are in original image pixels, counted from the top left corner.
Always the original size. The preview may be scaled down to fit your screen, but every readout is converted to the image's real pixel grid. For single-pixel precision, drag a marker or nudge it with the arrow keys, which move it exactly one original pixel at a time.
Click each corner or vertex of the region you want, in order, then press Copy all points. You get one x, y pair per line, ready to arrange into the coords attribute of an area tag for rect, circle or poly shapes.
The origin 0,0 is the top left pixel of the image. X increases to the right and Y increases downward. This is the same convention used by HTML canvas, CSS positioning, image maps, Python imaging libraries and OpenCV, so the numbers transfer directly.
No. The image is opened and analyzed entirely in your browser, and both coordinates and colors are sampled on your device. Nothing is transmitted to any server, so private screenshots and unpublished designs stay on your machine.