图片取色器在线免费：HEX、RGB、HSL取色码

使用方法

点击“选择文件”，或把图片拖到方框中。也可以按 Ctrl+V 粘贴。
把指针移到您想要的图片部分。放大镜显示其周围的像素，“指针下的颜色”方框以四种记法给出颜色。
将“取样大小”设为 3 × 3或 5 × 5，读取一小块区域的平均值，而不是单个像素。
点击图片，把颜色加入“已取的颜色”，然后点击“HEX”、“RGB”、“HSL”或“Lab”复制它。

单个像素还是平均值

照片带有噪点：即使在平坦的表面上，相邻像素的数值也会略有不同，因此单个像素可能略有偏差。本工具可以对指针周围 3 × 3或 5 × 5的方块取平均。在单一颜色的区域上，平均值比单个像素更稳定。

四种记法

HEX 和 RGB 是网页和设计软件中常用的记法。HSL 用色相、饱和度和明度描述颜色，便于得到它的浅色或深色版本。Lab（CIE L*a*b*，采用 sRGB 所用的 D65 白点）遵循人眼感知颜色的方式：Lab 中等距的步长在视觉上大致相等，因此便于比较两种颜色。CSS 的 lab() 函数使用 D50 白点，所以其数值与这里不同。

图片留在您的设备上

图片在您的浏览器中打开并读取。图片不会被上传，您取的颜色也不会被存储，离开页面时列表即被清空。

示例：纯红色

纯红色 #FF0000 读作 rgb(255, 0, 0)、hsl(0, 100%, 50%)，Lab 值为 L*a*b* 53.2、80.1、67.2（D65）。若要读取标志的红色，请把“取样大小”设为 5 × 5像素，这样单个有噪点的像素不会决定颜色。

常见问题

读取颜色时我的图片会被上传吗？

不会。图片在您自己的设备上、在浏览器中打开并读取。没有任何内容发送到服务器，您保存的颜色也不会被存储，离开页面时即被清空。

读数中的颜色与我屏幕上的颜色一致吗？

不一定。读数给出的是图片像素中存储的数值。屏幕、其校准以及图片的色彩配置文件都会改变颜色的呈现，因此这些数字是图片本身的数值，而不是对屏幕的测量。

HEX 和 RGB 有什么区别？

它们是同样三个数值的两种写法。HEX 用十六进制写出0至255的每个数值，因此 rgb(255, 128, 0) 写作 #FF8000；RGB 则用十进制写出同样的数字。两者都被网页和设计软件接受。

为什么工具还显示 Lab 值？

Lab 按人眼看到颜色的方式描述颜色，包括明度和两个颜色轴。比起 HEX 或 RGB，它更能说明两种颜色是否接近：有时两个接近的颜色，其 HEX 或 RGB 数值相差很大。

很大的图片读取的颜色为什么会略有不同？

为了提高速度，颜色读取自一个最长边不超过2048像素的副本。大面积区域的颜色保持不变，但在巨大的照片中，单个微小的像素可能会与其相邻像素取平均。

能从透明 PNG 中读取颜色吗？

可以。读数显示的是每个像素中存储的颜色，透明度不属于读数的一部分。对于透明区域，显示的是存储的颜色，而不是页面背景上看到的颜色。

资料来源

数据和文字最近核对于2026年11月10日星期二。