免费图像颜色
读取图片中任意像素的精确 HEX 和 RGB,提取 8 色调色板,或把输入的 HEX 代码转换成 RGB。带复制按钮,全部在浏览器内完成。

图片会在你的浏览器中分析。
或将一张图片拖放到此页面的任意位置
取色器和调色板提取
需要了解的要点
颜色工具涵盖三项任务。点击已加载图片上的某一点,会读取那一个像素,并以大写 HEX 代码和 rgb(r, g, b) 两种形式显示,各有一个复制按钮。调色板提取器最多列出 8 个有代表性的色块,而 HEX 转 RGB 转换器则不需要任何图片,只根据输入的代码工作。
转换器从 #6D28D9 开始,对应 rgb(109, 40, 217)。它接受带或不带井号的六位代码,也接受三位简写,并通过把每位数字重复一次来展开:#6D3 变成 #66DD33。文本框旁边有一个原生取色器,无效的字符串会被标出而不是被猜测。
当来源是截图、照片或徽标文件,而你需要真实数值而不是凭眼睛估计时,请使用图片取色器。想快速得到一套主题主色时用调色板。设计稿给了你 HEX 代码,而样式表或图表工具要的是 RGB 时,用转换器。
输入可以是 PNG、JPG、WebP、GIF、SVG、AVIF 或 BMP,一次一张,分析在浏览器内进行。由于 JPG 压缩会引入噪点,同一块平坦区域里相邻的两个像素也可能相差几个级别。
按任务选择工具 13
相关工具 13
免费图像颜色使用方法
- 打开取色器,然后载入或拖入一张图片。
- 点击需要取色的位置,读取 HEX 和 rgb 数值。
- 点击复制按钮,把数值放入剪贴板。
- 切换到 HEX 转 RGB 转换器,输入 6D3,查看它展开为 #66DD33。
快速说明
取色器和调色板有什么区别?
取色器精确读取你点击的那个像素。调色板则把整张图片归纳成最多 8 个分组色块。
HEX 转换器接受三位代码吗?
接受。每位数字会重复一次,所以 #6D3 变成 #66DD33,即 rgb(102, 221, 51)。
动画 GIF 能给出每一帧的颜色吗?
不能。只会对浏览器解码出的图像取样,也就是一帧。
为什么在同一面墙上点两次得到的值不同?
压缩和传感器噪点会让相邻像素略有差异,JPG 尤其明显。多点几个位置,选取其中典型的值。
