适用场景
适合在不上传图片的情况下,为设计、演示、主题、灵感板或无障碍检查建立初始配色。
本地处理原理
浏览器对解码像素进行确定性采样,排除完全透明像素,通过受限量化合并近似颜色,对所得色组排序并报告近似占比。
使用方法
- 准备:提取图片调色板: 请使用副本,并确认3–12 的颜色数量、透明区域、小面积强调色、近似占比、确定性排序,以及后续流程适合 CSS 还是 JSON。保持源文件不变。
- 执行:提取图片调色板: 在浏览器本地处理。浏览器对解码像素进行确定性采样,排除完全透明像素,通过受限量化合并近似颜色,对所得色组排序并报告近似占比。
- 下载并验证: 使用新文件名保存。在目标显示环境中把色块与原图重要区域核对,手动检查小面积强调色,并把百分比视为量化估算。
重要限制
量化采样调色板只是近似结果,并非源图全部颜色清单;渐变、噪点、透明度、嵌入色彩配置及广色域转换都可能改变选出的色块。
验证下载结果
在目标显示环境中把色块与原图重要区域核对,手动检查小面积强调色,并把百分比视为量化估算。
隐私优先
文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。
常见问题
什么时候适合使用提取图片调色板?
适合在不上传图片的情况下,为设计、演示、主题、灵感板或无障碍检查建立初始配色。
提取图片调色板会改变什么?
浏览器对解码像素进行确定性采样,排除完全透明像素,通过受限量化合并近似颜色,对所得色组排序并报告近似占比。
哪些限制和设置最重要?
3–12 的颜色数量、透明区域、小面积强调色、近似占比、确定性排序,以及后续流程适合 CSS 还是 JSON. 量化采样调色板只是近似结果,并非源图全部颜色清单;渐变、噪点、透明度、嵌入色彩配置及广色域转换都可能改变选出的色块。
怎样验证处理结果?
在目标显示环境中把色块与原图重要区域核对,手动检查小面积强调色,并把百分比视为量化估算。