智能配色生成器
免费在线智能配色生成器，基于色相轮生成互补色、类似色、三元色等和谐配色方案，附 WCAG 对比度校验。适合 UI 设计、PPT 配色。本地运行。
工具加载中…
智能配色生成器介绍
做设计、做 PPT，最头疼的就是配色不和谐。智能配色生成器基于 HSL 色相轮理论，从一个基础色出发，自动生成 5 种经典和谐配色方案，并校验每种颜色在白底/黑底上的文字可读性（WCAG 对比度）。
一键复制色值，直接用于 CSS、Figma、PPT。
如何使用
- 选择或随机一个基础颜色。
- 选择配色方案：类似色、互补色、三元色、分裂互补或单色阶。
- 点击色卡复制色值，查看对比度校验结果。
原理与公式
色彩和谐理论：
- 类似色：色相相差 15~30°，柔和统一
- 互补色：色相差 180°，对比强烈
- 三元色：色相差 120°，活泼均衡
- 单色阶：同色相不同明度，简洁高级
WCAG 对比度：衡量前景色与背景色的亮度差异，AA 标准要求 ≥ 4.5:1（正常文字），AAA 要求 ≥ 7:1。
常见问题
对比度里的 AA、AAA 是什么？
是 WCAG（Web 内容无障碍指南）的标准。**AA** 要求文字与背景对比度 ≥ 4.5:1（小字）或 3:1（大字），**AAA** 要求 ≥ 7:1。达到 AA 才能保证色弱用户也能看清文字。
随机配色每次都不一样，怎么选好的？
配色美感有主观性。建议先确定一个主色调（如品牌色），再用对应方案生成辅助色。多试几次，挑选视觉舒适的组合。
色值能直接用在代码里吗？
可以。点击任意色卡的「复制」按钮，得到 #RRGGBB 格式色值，可直接粘贴到 CSS、Figma、PPT 等任何支持十六进制颜色的地方。
需要联网吗？
不需要。全部计算（HSL 转换、对比度）在浏览器本地完成。