免费图像取色器
点击图片上的任意一点，以大写 HEX 代码和 rgb(r, g, b) 读取那个精确的像素，带复制按钮。计算示例：rgb(200, 100, 50) 即 #C86432。
图片会在你的浏览器中分析。
或将一张图片拖放到此页面的任意位置
取色器和调色板提取
需要了解的要点
在已加载的图片上任意位置点击，工具会读取恰好一个像素。点击位置会从预览映射回图像的真实分辨率，所以即使 4000 px 宽的照片只以 800 px 显示，返回的也是指针下那个具体像素的值，而不是周围的平均值。结果以大写 HEX 代码和 rgb(r, g, b) 字符串显示，各有一个复制按钮。
转换就是普通的十六进制。对于 rgb(200, 100, 50)，红色 200 是 C8，绿色 100 是 64，蓝色 50 是 32，合起来是 #C86432。反过来，#C86432 读作 200、100 和 50。每个通道都是 0 到 255 的整数，所以代码始终是六位十六进制数，前导的 0 会保留，比如 #0A0B0C。
要留意你点的是什么。照片里有噪点和 JPG 块，在天空上点一下得到的值，可能与旁边那个点相差几个级别；请点三四次，取中间那个。文字和徽标经过抗锯齿的边缘混合了两种颜色，所以请取字形或图形内部纯色的部分。PNG 中的透明像素会按其下方的颜色读取，不含 Alpha，所以也要注意预览背景。
本页一次读取一个点。如果想快速概览主色，同类的调色板提取页面会把整张图归纳成八个色块，它的数值是分组后的，可能与你在这里点击得到的值略有差异。
按任务选择工具 12
相关工具 13
免费图像取色器使用方法
- 载入一张截图或徽标文件，例如带紫色按钮的 PNG。
- 避开边缘和渐变，点击纯色区域的中间。
- 读取 HEX 和 rgb 两行，例如 #C86432 和 rgb(200, 100, 50)。
- 点击你的 CSS 或设计工具需要的格式旁边的复制按钮。
快速说明
取到的颜色是平均值还是一个精确的像素？
是图像真实分辨率下的一个精确像素，即使预览被缩小也一样，不做任何平均。
rgb(200, 100, 50) 的 HEX 代码是什么？
是 #C86432。十六进制中红色 200 是 C8，绿色 100 是 64，蓝色 50 是 32。
为什么在同一片天空上点两次得到的代码略有不同？
传感器噪点和 JPG 压缩在每个像素上都不同。请多取几个点，使用中间的值。
为什么边缘像素的颜色发浑？
抗锯齿会把两种颜色之间的边界混合起来。请改点图形内部的纯色区域。