像素坐标直读
在本地图片上点击即可读取像素坐标，适合截图标注、素材定位和前端调试。
同步颜色值
同时读取当前位置的 HEX 和 RGB，方便直接核对设计稿或取色结果。
本地完成拾取
图片只在浏览器本地处理，不上传服务器，适合处理带敏感信息的截图。
坐标拾取 · 浏览器本地处理
图片坐标拾取
选择本地图片后点击任意像素，获取原图坐标和该点颜色值。图片不会上传服务器。
X 坐标
0
Y 坐标
0
HEX
#000000
RGB
rgb(0, 0, 0)
x: 0 y: 0 hex: #000000 rgb: rgb(0, 0, 0)
请选择图片开始拾取坐标。
选择本地图片后点击预览图即可拾取坐标和颜色，不上传服务器。
工具使用说明
怎么用 图片坐标拾取
选择本地图片
加载需要查看的图片文件，页面会把图片渲染到 Canvas 中。
点击图片任意位置
在预览图上点击你关心的像素点，系统会读出对应坐标和颜色。
复制坐标和颜色
拿到结果后可直接复制到标注、前端样式或素材制作流程里继续使用。
功能说明
这个工具解决什么问题
图片坐标拾取 为什么适合做成本地工具
像素坐标拾取本质上是读取当前点的像素信息，放在浏览器本地完成最直接。
这种工具常用于截图标注、前端样式核对和素材定位，信息不需要离开本机。
常见使用方式
如果图片很大，建议先在本地缩放后再拾取，减少误点和滚动成本。
拾取结果可直接用于标注坐标、核对取色和记录元素位置。
常见问题
关于 图片坐标拾取，用户常问这些
图片会上传服务器吗？
不会。加载、渲染和拾取都在浏览器本地完成。
能同时看到颜色值吗？
可以，页面会同步显示 HEX 和 RGB 两种颜色格式。
适合做什么场景？
适合截图标注、前端调试、设计取色和素材位置确认。
能处理透明图片吗？
可以，Canvas 直接读取当前像素信息。