提取图片中的主色,无论是 Logo、照片、画作还是截图。调色板通过按视觉相似度对图片像素聚类得出,列出每种颜色及其在画面中的占比,并可导出为 CSS 自定义属性、JSON 或纯文本。任何内容都不会离开你的设备。
使用方法
- 拖入、粘贴或选择一张图片。
- 选择 5 到 8 种颜色;点击色块可查看它的 HEX、RGB、HSL 和 OKLCH。
- 将调色板下载为 .css、.json 或 .txt。
常见问题
- 我的文件会被上传吗?
- 不会。所有处理都在你的浏览器中、你自己的设备上进行。你可以自行验证:打开浏览器的开发者工具(DevTools),在工具运行时观察“网络”面板,你不会看到任何上传。页面标题旁的徽标会实时显示本页已发送的字节数。
- 颜色是怎么选出来的?
- 先把缩小后的图片副本分成若干颜色组(中位切分),再按人眼感知的颜色相似度细化这些组(在 OKLab 中做 k-means)。几乎相同的色调会被合并,所以你得到的是彼此明显不同的颜色,并按各自覆盖图片的比例排序。同一张图片总是得到同一个调色板。
- 为什么得到的颜色比我要求的少?
- 如果一张图片只有几种明显不同的颜色,比如扁平风格的 Logo,调色板就只显示这几种,而不会用几乎重复的颜色凑数。透明区域会被忽略。