AHK在线工具箱 - 免费在线效率工具平台

找到适合你的工具,让工作与生活更高效

💥 首页 > 媒体工具 > 图形处理

在线图片坐标拾取工具

内容摘要:

图片坐标拾取画布是一个在网页上直接打开就能用的免费小工具。你只需要把图片拖进来(或者直接 Ctrl+V 粘贴),就能在图片上点一点,自动记下每个点的像素坐标(X、Y)和颜色值(HEX),还能一键复制成 JSON、CSS、CSV 或 AutoHotkey 脚本格式。做自动化脚本、写网页定位、抠图配色的时候特别省事。

图片坐标拾取画布 未加载图片
坐标: X: - , Y: -
色值: #------
缩放: 100%
💡 移动与放大操作:按住鼠标左键/中键可自由拖拽图片平移;滑动滚轮放大/缩小。

简单说,它就是一个 "图片坐标+取色"二合一的小助手。

平时我们想从一张图片里知道某个按钮在什么位置、某个像素是什么颜色,往往要打开 PS 或者写代码去测,很麻烦。这个工具把这件事变得特别简单:图片拖进来 → 点一下 → 坐标和颜色自动记下来,就这么直接。

⚙️ 主要功能

  • 图片随手放进来:点击上传、拖拽文件、或者直接 Ctrl+V 粘贴剪贴板里的截图,三种方式都行。

  • 自由缩放平移:滚轮放大缩小,按住鼠标拖动图片,想看清哪个角落都方便。

  • 实时显示坐标和颜色:鼠标在图片上移动时,顶部会实时显示当前像素的 X、Y 坐标和 HEX 色值,还有十字准星和气泡提示跟着你。

  • 点击即标记:在图片上点一下,就记录一个点,画布上会用红点+编号标出来,右边表格同步显示。

  • 导出多种格式:记录好的点可以一键复制成:

    • JSON(给程序读)

    • CSS 的 left/top 定位(写网页用)

    • CSV 表格(给 Excel 看)

    • AutoHotkey 的 Click 指令(写自动化脚本用)


  • 记录管理:表格里可以单独删除某个点,也可以一键清空重来。

👥 适合谁用?

  • 写自动化脚本的人:比如用 AutoHotkey、按键精灵做点击脚本,需要知道按钮的精确坐标。

  • 前端/网页开发者:想从设计稿里量元素位置、取颜色值。

  • 做图像处理或游戏辅助的:需要批量采集图片上的关键点坐标和颜色。

  • 普通用户:偶尔想从图片里取个色、量个位置,不想装专业软件。

😌 用起来什么感觉?

很轻、很快、不啰嗦。

打开网页就能用,不用注册、不用安装。图片一拖进去,鼠标一动坐标就跟着走,点一下记录就进表格,想导出的时候选个格式点"复制"就完事。整个过程没有多余的弹窗和步骤,就是"看到 → 点到 → 拿到"。

对于经常需要从图片里"抄坐标"的人来说,它就像手边的一把顺手小刀——不花哨,但每次用都觉得省事。