上传图片后直接点图取色
本地上传图片后，点击任意像素就能立即识别该位置颜色，适合做海报、商品图和页面配色提取。
同时输出 HEX、RGB、HSL
不仅能拿到 HEX 色值，还会同步给出 RGB 和 HSL，方便继续做设计、代码或配色整理。
全程浏览器本地处理
图片、取色记录和识别结果都只在浏览器本地处理，不会上传服务器。
图片取色 · 浏览器本地处理
传图识色
上传本地图片后，点击任意像素即可识别 HEX、RGB 和 HSL 色值，适合海报配色、设计复刻和商品图颜色提取。
当前颜色
--
图片尺寸
--
最近取色数
0
图片文件
--
先上传一张本地图片，再点击图片任意位置识别颜色。
当前识别结果
上传图片后点击预览图，即可看到当前像素颜色。
最近取色记录
还没有取色记录。
上传图片后点击预览图任意位置，即可在浏览器本地识别颜色，不会上传服务器。
适合这样用
设计稿复刻、商品图主色提取、海报配色参考和按钮色值确认，都可以直接用这页做第一轮本地取色。
工具使用说明
怎么用传图识色
先上传本地图片
支持常见 PNG、JPG、WEBP 和 GIF 图片，载入后会在页面里显示预览图。
点击图上目标区域
用鼠标点击图片任意像素位置，即可识别当前颜色。
复制 HEX 或参考历史记录
识别后可以直接复制 HEX 色值，也可以回看最近几次取色记录。
功能说明
这个工具解决什么问题
传图识色适合什么场景
适合海报配色参考、商品图颜色提取、设计稿复刻、按钮色值确认和品牌主色整理。
如果你已经有参考图，不想手工猜颜色，这种本地取色方式会更直接。
为什么适合做本地工具
图片取色本质上只需要读取本地像素，不需要上传到服务端做计算。
把识别过程放在浏览器本地完成，更快，也更适合处理尚未公开的设计图或内部素材。
常见问题
关于传图识色，用户常问这些
传图识色会上传图片到服务器吗？
不会。图片只在浏览器本地载入和取色，不会上传服务器。
支持哪些颜色格式？
当前会同时给出 HEX、RGB 和 HSL 三种常见颜色格式。
为什么点击不同位置颜色会不一样？
因为工具识别的是你点击的具体像素，不同区域的像素颜色本来就可能不同。
适合提取整张图主色吗？
更适合精准点位取色。如果后续需要主色聚类，再单独做图片主色提取工具会更合适。