配色提取器

相关指南

颜色三件套：转换器怎么读十六进制、提取器看多少像素、渐变器什么时候给出坏 CSS
三个颜色页面用的是三台完全不同的机器。转换器把十六进制当 32 位整数移位取色，所以 #FF0000ff 变成蓝色、#12g456 变成近黑且不报错；提取器只抽检 5000 个像素，聚类中心每轮重掷随机数，所以你问它要 7 个色它可能只给 4 个；渐变器只有三个方向关键字，而且从「径向渐变」退回「线性渐变」会写出浏览器读不懂的 CSS。下面每个数字都是在页面上跑出来的。

常见问题

配色提取器是如何提取图片中的颜色的？
我们使用 K-means++ 聚类算法对图片像素进行聚类分析。首先提取所有不透明像素（Alpha >= 128），然后通过 K-means++ 初始化聚类中心，迭代 12 轮优化聚类结果，最后合并相似颜色（欧氏距离 < 24）并压制低饱和度背景色，按频率和饱和度综合评分排序输出主色调。

提取的颜色数量可以调整吗？
可以。你可以在上传图片后通过滑块调整提取的颜色数量，范围从 5 到 9 个主色调，系统会实时重新计算并更新调色板。

我的图片会上传到服务器吗？
不会。所有处理都在你的浏览器中完成，使用 Canvas API 读取像素数据，图片不会上传到任何服务器，保护你的隐私安全。