点击图片取色
选择本地图片后直接点击预览图任意像素，快速读取当前点的颜色。
输出常用色值
取色结果同步显示 HEX、RGB 和 HSL，方便在设计稿、CSS 和配色方案中继续使用。
图片不上传服务器
图片读取、预览和像素取样都在当前浏览器完成，本站不会接收或保存图片。
图片取色 · 浏览器本地处理
图片取色器
从本地图片中点击提取颜色，输出 HEX、RGB 和 HSL，适合设计取样和品牌色复核。图片不会上传服务器。
#000000
HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
处理方式
本地
HEX：#000000
RGB：rgb(0, 0, 0)
HSL：hsl(0, 0%, 0%)
请选择图片开始取色。
选择本地图片后点击预览图即可取色，不上传服务器。
工具使用说明
怎么用图片取色
选择本地图片
上传需要取色的图片、截图、Logo 或设计稿。
点击目标位置
在预览图上点击需要提取颜色的位置，页面会读取该像素色值。
复制色值使用
根据需要使用 HEX、RGB 或 HSL，继续放入 CSS、设计工具或配色记录。
功能说明
这个工具解决什么问题
图片取色能做什么
上传本地图片后点击任意像素取色，输出 HEX、RGB 和 HSL，图片只在浏览器本地读取，不上传服务器。
它适合从截图、商品图、品牌 Logo、海报和 UI 设计稿里快速提取颜色。
为什么默认本地处理
取色只需要读取 Canvas 像素，不需要服务端上传或第三方接口。
本地处理能保护截图和设计素材，也能让点击取色更快响应。
常见问题
关于图片取色，用户常问这些
图片会上传服务器吗？
不会。图片读取、预览和取色都在浏览器本地完成。
支持哪些色值格式？
当前输出 HEX、RGB 和 HSL 三种常用格式。
点击位置和真实像素会有偏差吗？
页面会按 Canvas 实际尺寸换算点击坐标，尽量对应原图像素。
适合从截图里取色吗？
适合。只要截图能被浏览器读取，就可以点击提取颜色。