图片取色器

上传图片,点击任意像素,以 HEX、RGB 或 HSL 复制精确色值——几秒匹配品牌色。

什么是图片取色器?

图片取色器让你从任意图片里拾取精确颜色:上传一张截图、照片或设计稿,点击画面中的任何像素,立即得到它的 HEX、RGB、HSL 三种格式色值,一键复制即可粘贴到 CSS、设计软件或色板里。典型用途包括:从品牌 Logo 提取品牌色、从照片里配一组和谐的颜色、复刻一张参考图的配色方案。

取色在像素级进行:无论图片放大多少倍,你点到的都是图片真实存储的那个颜色值。

使用步骤

1. 点击「选择图片」,上传 PNG、JPG 或 WebP 图片。
2. 在图片上点击任意位置,色值面板会即时显示该点的 HEX、RGB 和 HSL。
3. 点击「复制 HEX」「复制 RGB」或「复制 HSL」,粘贴到任何需要的地方。

三种色值格式有什么区别

HEX(#2563eb)最紧凑,是 CSS 和设计工具里的通用写法;RGB(rgb(37, 99, 235))直观展示红绿蓝三通道数值,常用于调试;HSL(色相、饱和度、明度)最接近人对颜色的直觉,调整同色系深浅时特别好用。同一像素的三种表示可以互相换算,取色器把它们同时给出,免得再去找转换工具。

常见问题

支持哪些图片格式?

PNG、JPG/JPEG 和 WebP,与浏览器能直接打开的格式一致。

图片会被上传吗?

不会。图片在你的浏览器里本地解码和取色,不会发送到任何服务器。

为什么取到的颜色和眼睛看到的略有差别?

屏幕受色彩配置文件、亮度与系统渲染影响;工具读出的是图片文件里存储的原始数值,这也是 CSS 和设计软件需要的值。

隐私说明

上传的图片只在你的浏览器内存中解码,不经过网络,不被存储。设计稿、截图或含个人信息的照片都可以放心取色。