图片配色提取
提取图片主色,导出 CSS 变量与色卡
文件不会上传服务器,全部在你的浏览器本地处理
功能介绍
本工具从图片中提取主色调,用于从照片、海报或设计稿反推配色方案。算法采用中位切分量化:反复挑出色彩跨度最大的一组像素,沿最宽的颜色通道按中位数切分,因此不会像简单的颜色计数那样把名额浪费在几乎相同的渐变色上。可自由设置提取 2 到 16 种颜色,按占比、色相或明度排序,并显示每种颜色的十六进制值、RGB 值与在画面中的占比。白底图或截图中大片白色会挤占名额,可勾选忽略接近纯白与纯黑的像素以得到更有参考价值的结果。支持导出为 CSS 变量、SCSS 变量、JSON 或纯 HEX 列表,也可下载成一张带色值标注的色卡图片。全部处理在浏览器本地完成。
使用说明
1. 上传图片;2. 拖动滑块设置需要的颜色数量;3. 白底图建议勾选「忽略接近纯白与纯黑的像素」;4. 切换排序方式查看不同视角的配色;5. 点击任一色块即可复制其十六进制色值;6. 在导出区选择格式后复制代码,或下载色卡图片。