Design Tools
配色方案生成器
喜欢一张照片的氛围？一键提取它的 6 个主色，直接用到您的下一个设计中。
如何生成配色方案
- 1.上传图片: 任意照片、插画或截图都可以——色彩丰富的图片配色效果最好。
- 2.生成配色: 工具采样图片像素并量化为 6 个主色。
- 3.点击复制: 点击任意色块即时复制其 HEX 色值。
- 4.复制 CSS 变量: 一键拿到六个颜色的 CSS 自定义属性，开箱即用。
- 5.下载色条: 把配色保存为 PNG 色条，分享给客户或同事。
配色方案生成器 功能
6 个主色
智能量化找出真正定义您图片的颜色。
点击复制 HEX
点任意色块即复制其 HEX 色值到剪贴板。
CSS 变量导出
一键复制六个颜色为 --color-1 … --color-6 自定义属性。
PNG 色条下载
保存可分享的配色色条图片，用于情绪板与演示。
即时重新生成
上传另一张图片，几秒钟得到全新配色。
100% 私密
像素分析在您的浏览器本地运行，图片绝不上传。
配色方案生成器 常见问题
配色生成器如何找到主色？
它从您的图片采样数千像素，把相似颜色归组（量化），按出现频率排序——胜出的六个颜色真正代表这张图片。
为什么我的 6 个颜色这么相似？
色彩范围窄的图片（如雾蒙蒙的风景）自然产生相近的色调。换一张色彩更丰富的图片，配色会更多样。
「复制为 CSS 变量」会给我什么？
一段开箱即用的代码片段，如 :root { --color-1: #a3b18a; ... }，可放入任意样式表并在 CSS 中引用。
这些配色可以商用吗？
可以——颜色不受著作权保护，工具只是读取您自己图片的像素。配色可任意使用。
我的图片会被上传吗？
不会。分析完全在您浏览器的 Canvas 上运行，图片永不离开您的设备。
相关工具
Privacy: All processing happens locally in your browser. Your images are never uploaded to any server and never leave your device.