配色方案生成
基于色彩理论生成和谐的配色方案
基础颜色
选择一个基础颜色来生成配色方案
• 基于色彩理论生成和谐的配色方案
• 支持单色、类似、互补、三角配色
• 点击颜色块即可复制颜色值
• 可导出为 CSS 变量文件
配色理论
单色配色
使用同一色相的不同明度和饱和度
类似配色
使用色轮上相邻的颜色（±30°）
互补配色
使用色轮上相对的颜色（180°）
三角配色
使用色轮上等距的三种颜色（120°）
快速选择
使用建议
• 选择品牌主色作为基础颜色
• 单色配色适合简约设计
• 互补配色对比强烈醒目
• 类似配色柔和协调