上传图片后，移动或点击即可读取精确像素坐标与颜色值。适用于热区标注、UI 对齐、切图定位与设计协作，全部在本地完成。
intro.image_coords.p2_blog intro.image_coords.p2_link
在线拾取图片任意位置的像素坐标与颜色
从图片任意位置获取像素坐标与颜色代码。
将图片拖到此处，或点击选择
图片
在图片上移动可预览坐标；点击可记录该点。
坐标信息
X 坐标 0
Y 坐标 0
原始宽度 0
原始高度 0
HEX： #000000
RGB： rgb(0, 0, 0)
HSL： hsl(0, 0%, 0%)
坐标 (0, 0)
| # | X 坐标 | Y 坐标 | 颜色 | 操作 |
|---|
点击图片上的位置记录坐标
你可能还会喜欢这些工具
如何使用图片坐标拾取工具
- 上传图片（拖拽或点击选择）
- 在图片上移动鼠标，实时预览 X/Y 坐标与颜色
- 点击图片上的位置，标记点位并写入坐标与颜色记录
- 一键复制 X、Y、RGB、HEX、HSL 或坐标对
- 完成后可一键复制全部记录或清空列表
常见问题
- 坐标是基于显示尺寸还是原图像素？结果按图片真实像素尺寸计算。
- 颜色值与设计稿略有差异怎么办？可能受压缩或色彩空间影响。
- 可以复制坐标记录吗？支持单条复制，也可一键复制全部记录。
注意：
- 支持格式：JPG、PNG、WebP、GIF
- 坐标按原图像素网格计算，不受页面缩放影响
- 点击后会在图片上显示标记点，便于视觉对照
- 不上传服务器；刷新页面会清空数据。