图片取色器

从图片读取 HEX、RGB、HSL 色值,提取调色板并下载 CSS 变量,无需上传或注册。

免费使用,无需注册

将图片拖到这里

支持拖放,也可以点击下方选择文件

JPG · PNG · WEBP
最大 250 MB · 每次处理一张
每张最多 1600 万像素,单边不超过 8192 像素

完全本地处理

如何使用

  1. 01

    选择图片,点击“读取图片颜色”。

  2. 02

    点击像素、用方向键移动或输入坐标;也可点击调色板色块。

  3. 03

    复制色值,或下载包含选中色与调色板的 JSON、调色板 CSS 变量。

使用说明与注意事项

工作原理

浏览器按校正方向后的原始尺寸解码图片,不缩放所选像素。存在透明度时,HEX 会包含 alpha 后缀。调色板通过均匀抽样和 RGB 分组估算最多六组常见色,输出为不透明色,与单个像素的精确取色分开。

适用场景

为网页匹配照片主题色、提取插画配色、生成设计稿 CSS 变量。调色板用于配色参考,需要具体像素时使用原图取色。

常见问题

图片会上传到服务器吗?

不会,图片解码、取色与调色板生成全部在当前浏览器内完成。

调色板包含原图的所有颜色吗?

不是,它最多给出六组抽样常见色,忽略不透明度低于约 50% 的像素,并合并相近色。单像素取色仍按原始分辨率读取。

可以得到印刷 CMYK 色值吗?

不能,本工具输出浏览器解码的 RGB、HEX、HSL 色值,不提供专业校色、印刷测量或 CMYK 转换。