功能亮点
- 在图片上点击或拖动取色,放大镜放大到像素级便于对准
- 取到的颜色可一键复制 HEX 与 RGB 值
- 自动提取主色调色板,列出每种颜色的占比
- 调色板色块点击即可复制,也能导出 JSON
- 图片统一缩到小尺寸后取样统计,多大的图都很快出结果
- 全部在浏览器本地完成,图片不上传服务器
能力与限制
- 支持格式
- PNG、JPG、WebP
- 输出格式
- JSON
- 单文件体积上限
- 100 MB
- 批量能力
- 单张处理
- 处理位置
- 浏览器本地处理,图片不上传服务器
参数说明
| 参数 | 取值 |
|---|---|
| 主色数量 | 3 / 5 / 8 / 10 |
使用方法
- 1上传图片(单张处理)
- 2在预览图上点击或按住拖动,取到该位置的颜色
- 3对照放大镜找准想要的那个像素,结果区显示 HEX 与 RGB
- 4需要时点「复制 HEX」或「复制 RGB」
- 5查看自动生成的主色调色板,点击色块复制,或下载 JSON 结果
常见问题
图片会被上传到服务器吗?
不会。取色读取的是浏览器解码后的像素值,全程在本地完成,图片不经过服务器。
取到的颜色和我在设计软件里看到的不一样?
取色直接读图片像素,不做额外的色彩调整。差异一般来自看图软件的显示校正,或图片自身带的色彩配置,细微色差属于正常。
主色调色板是怎么算出来的?
先把图片缩到小尺寸取样,把相近的颜色合并成一组,再按出现比例排序取前几名。它反映的是画面里占主导的颜色,不是你点过的那几个点。
色板里的占比是什么意思?
是在前几名颜色中归一化后的比例,用来看哪种颜色占的视觉分量更大,可以直接作为配色时的面积参考。
能一次给多张图取色吗?
不能,这个工具一次处理一张图,多张图需要逐张上传。