实用工具
把文件拖到这里
或者点击选择文件。文件只在当前标签页里处理，不会上传到任何服务器。
PPT 要跟品牌 Logo 配色一致，想从一张照片里提炼一套主题色，或者只是想知道截图里那个蓝到底是多少——都需要从图片里取色。图片在你的浏览器里采样，用中位切分算法（color-thief 用的同一种）把像素归并成若干颜色，得到主色调以及按覆盖面积排序的调色板。结果可以直接复制：每种颜色的 HEX、RGB、HSL，一段 CSS 自定义属性，以及一张色卡图片。
它是怎么工作的
- 先把图片的长边缩到 256 像素，这一步能抹平 JPEG 噪点和抗锯齿边缘，免得它们各自占掉调色板的名额。
- 中位切分不断把像素最多的那组颜色沿跨度最大的通道一分为二；最后四分之一的切分偏向“又大又杂”的组，所以面积小但鲜艳的点缀色也能分到一席。
- 透明像素会被跳过，透明背景的 Logo 只提取 Logo 本身的颜色；白底占大头时，还可以选择忽略接近白色的像素。
你的数据去了哪里
哪也没去。本工具完全在你的浏览器里运行：你粘贴的文本由页面处理，不会传输到任何服务器，也不会写进任何日志。
本工具免费且无需登录，运行结果只存在于你当前的页面里，不会被保存到任何地方。
它要花多少
本工具完全免费，不需要登录，也不消耗积分。
常见问题
- 为什么主色调不是我眼里最多的那个颜色？
- 调色板里的每种颜色都是一组相近像素的平均值，所以一片渐变的天空会变成一个中间调的蓝，而不是最亮的那一截；大面积但带细微纹理的背景也可能压过醒目的主体。把颜色数调多一些，这些组就会分得更细。
- 为什么不同浏览器提取的结果略有差别？
- 各浏览器解码和缩放图片时用的滤波器、色彩管理略有不同，采样到的像素在某些通道上会差一两个单位，最终颜色也跟着偏移同样微小的量——肉眼看不出来，但足以让某一位 HEX 数字变掉。
- 颜色数设多少合适？
- 做品牌配色，五六种就够用。想看清一张照片里的次要色调，可以设到十二到十六种；如果是只有几种实色的扁平插画，就设少一点，多出来的名额只会把同一个颜色劈成两半。
背后的开源项目
本工具是独立实现，并未打包第三方库。lokesh/color-thief（MIT）在代码层面做的是同一件事——如果你需要在自己的程序里实现它，从那里开始，而不是调用一个网页。
lokesh/color-thief也常被称作
- 图片取色
- 图片提取配色
- 图片主色调提取
- 在线取色器
- 照片配色方案生成
- 图片颜色提取hex