免费图像颜色

读取图片中任意像素的精确 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
免费图像颜色使用方法
  1. 打开取色器,然后载入或拖入一张图片。
  2. 点击需要取色的位置,读取 HEX 和 rgb 数值。
  3. 点击复制按钮,把数值放入剪贴板。
  4. 切换到 HEX 转 RGB 转换器,输入 6D3,查看它展开为 #66DD33。

快速说明

取色器和调色板有什么区别?

取色器精确读取你点击的那个像素。调色板则把整张图片归纳成最多 8 个分组色块。

HEX 转换器接受三位代码吗?

接受。每位数字会重复一次,所以 #6D3 变成 #66DD33,即 rgb(102, 221, 51)。

动画 GIF 能给出每一帧的颜色吗?

不能。只会对浏览器解码出的图像取样,也就是一帧。

为什么在同一面墙上点两次得到的值不同?

压缩和传感器噪点会让相邻像素略有差异,JPG 尤其明显。多点几个位置,选取其中典型的值。