图片取色器
从图片读取 HEX、RGB、HSL 色值,提取调色板并下载 CSS 变量,无需上传或注册。
将图片拖到这里
支持拖放,也可以点击下方选择文件
JPG · PNG · WEBP
最大 250 MB · 每次处理一张
每张最多 1600 万像素,单边不超过 8192 像素
完全本地处理
如何使用
- 01
选择图片,点击“读取图片颜色”。
- 02
点击像素、用方向键移动或输入坐标;也可点击调色板色块。
- 03
复制色值,或下载包含选中色与调色板的 JSON、调色板 CSS 变量。
使用说明与注意事项
工作原理
浏览器按校正方向后的原始尺寸解码图片,不缩放所选像素。存在透明度时,HEX 会包含 alpha 后缀。调色板通过均匀抽样和 RGB 分组估算最多六组常见色,输出为不透明色,与单个像素的精确取色分开。
适用场景
为网页匹配照片主题色、提取插画配色、生成设计稿 CSS 变量。调色板用于配色参考,需要具体像素时使用原图取色。
常见问题
图片会上传到服务器吗?
不会,图片解码、取色与调色板生成全部在当前浏览器内完成。
调色板包含原图的所有颜色吗?
不是,它最多给出六组抽样常见色,忽略不透明度低于约 50% 的像素,并合并相近色。单像素取色仍按原始分辨率读取。
可以得到印刷 CMYK 色值吗?
不能,本工具输出浏览器解码的 RGB、HEX、HSL 色值,不提供专业校色、印刷测量或 CMYK 转换。