图片调色板的工作原理
本工具会将图片缩放到适合处理的采样尺寸,使用 Canvas API 读取像素,并将相近 RGB 值放入同一个量化颜色桶。出现频率最高的颜色桶会成为调色板,并按频率排序。它适合用作 UI 主题、插画、照片研究和品牌探索的起点。
- 采样是近似的:渐变和细腻纹理可能产生多个相近颜色。
- 透明像素会被忽略,因此 logo 的调色板只反映可见图形。
- JSON 包含 HEX、RGB 和相对占比;CSS 会导出可直接粘贴到样式表的自定义属性。
找出定义图片气质的颜色。在本地使用 Canvas 采样,合并相近色调,几秒钟复制实用的主色调色板。
本工具会将图片缩放到适合处理的采样尺寸,使用 Canvas API 读取像素,并将相近 RGB 值放入同一个量化颜色桶。出现频率最高的颜色桶会成为调色板,并按频率排序。它适合用作 UI 主题、插画、照片研究和品牌探索的起点。