点击像素取色
选择本地图片后点击任意像素，直接得到坐标、HEX 和 RGB。
本地显示坐标
坐标、颜色值和预览都在浏览器里完成，不会上传原图。
适合设计和前端
做样式对齐、UI 取色、图标边界校准时都能直接用。
坐标拾取 · 浏览器本地处理
图片坐标拾取
选择本地图片后点击任意像素，获取原图坐标和该点颜色值。图片不会上传服务器。
X 坐标
0
Y 坐标
0
HEX
#000000
RGB
rgb(0, 0, 0)
x: 0 y: 0 hex: #000000 rgb: rgb(0, 0, 0)
请选择图片开始拾取坐标。
选择本地图片后点击预览图即可拾取坐标和颜色，不上传服务器。
工具使用说明
怎么用 图片坐标拾取工具
选择图片文件
先选一张本地图片，全部读图过程都在当前浏览器里。
点击像素取色
在预览图里点任意位置，工具会立刻给出该点坐标和颜色值。
复制颜色继续用
把结果直接复制到设计稿、样式表或前端参数里继续处理。
功能说明
这个工具解决什么问题
图片坐标拾取工具 适合什么场景
选择本地图片后点击像素点，获取原图坐标、HEX 和 RGB 颜色值，图片只在浏览器本地处理，不上传服务器。
适合页面取色、UI 对齐、图形校准和素材细节确认。
为什么优先本地处理
图片一旦上传，往往会带来多余风险；本地处理能直接把风险压在浏览器里。
对有版权或隐私要求的素材，这种方式更省事。
常见问题
关于 图片坐标拾取工具，用户常问这些
图片坐标拾取工具 会上传图片吗？
不会。所有取色和坐标读取都只在浏览器本地完成。
会不会有偏差？
不会，坐标基于预览图当前像素位置读取，结果可直接参考。
能用于设计稿对色吗？
可以，常用于前端取色和视觉校准。
如果想看别的图片信息怎么办？
可以继续扩展到尺寸、通道、导出等更多本地图片能力。