点图直接取色
选择本地图片后点击任意像素，直接拿到坐标和颜色值。
输出 HEX 与 RGB
可直接查看坐标、HEX 和 RGB，方便继续做页面配色或开发联调。
不上传服务器
图片默认只在当前浏览器里读取和取色，不上传服务器。
坐标拾取 · 浏览器本地处理
图片坐标拾取
选择本地图片后点击任意像素，获取原图坐标和该点颜色值。图片不会上传服务器。
X 坐标
0
Y 坐标
0
HEX
#000000
RGB
rgb(0, 0, 0)
x: 0 y: 0 hex: #000000 rgb: rgb(0, 0, 0)
请选择图片开始拾取坐标。
选择本地图片后点击预览图即可拾取坐标和颜色，不上传服务器。
工具使用说明
怎么用 HTML颜色拾取器
选择本地图片
上传要取色的本地图片。
点击目标像素
在预览图上直接点击目标位置。
复制颜色结果
拿到 HEX、RGB 和坐标后继续用于设计或开发。
功能说明
这个工具解决什么问题
HTML颜色拾取器 为什么适合本地处理
选择本地图片后点击指定位置拾取 HEX、RGB 颜色值，图片不会上传服务器。
设计稿对色、前端还原和图片配色核对这类场景，直接本地取色更稳。
什么时候最常用
做网页还原、海报配色、截图取色和图标颜色复刻时最常用。
如果要拿原图某个点的精确颜色，这种点选方式比手工猜颜色更快。
常见问题
关于 HTML颜色拾取器，用户常问这些
图片会上传吗？
不会，默认只在浏览器本地读取和取色。
能看到坐标吗？
可以，会直接显示点击位置的 x、y 坐标。
支持哪些颜色值？
当前直接输出 HEX 和 RGB。
适合取设计稿颜色吗？
适合，尤其适合本地截图、图标和网页局部配色核对。