为什么我们给取色工具加了自动调色板提取

我们的取色工具一直支持上传图片、点击任意像素获取精确的HEX、RGB和HSL值。这回答了“这个点是什么颜色”——有用，但不是大多数人上传图片时真正想问的问题。通常他们想知道的是“这张图片整体的配色方案是什么”——从一个logo里提取品牌色，或者为网站配色匹配一张参考图的整体氛围。

单点取色回答不了这个问题。所以我们加上了调色板提取：上传一张图片，工具会自动提取8个最主要的颜色，以可点击的色块展示出来。

它是怎么工作的

没有用到任何AI模型，也不会上传任何东西——这是一个几毫秒就能跑完的简单频次统计算法：

1. 图片先被降采样到80×80的画布。做颜色统计不需要原始分辨率，降采样让整个过程对再大的图片也是瞬间完成。
2. 每个像素按其颜色的粗粒度版本分桶——RGB每个通道只取高5位，这样视觉上几乎一样的像素会落进同一个桶，而不是各自被当成独立颜色统计。
3. 按桶里像素数量排序，取前8大的桶作为调色板，每个色块显示该桶内所有像素的平均颜色。

就这样。没有机器学习，没有外部服务——只是降采样加计数，这也是为什么它是瞬间完成、且数据完全不离开浏览器的原因。

点击色块，直接拿到代码

每个调色板色块都可以点击：点一下就会变成工具的当前颜色，HEX、RGB、HSL自动填充，同时hex值也会被复制到剪贴板。还有一个“复制全部”按钮，可以把整个调色板作为逗号分隔的列表复制出来，方便直接粘贴进设计工具或CSS自定义属性块。

试试看

在取色工具页面上传任意图片——截图、logo、照片都可以，调色板会自动出现在下方。