基础色彩控制
HEX 颜色代码
配色方案生成
配色方案类型
选择不同的配色方案生成算法
类似色方案:在色轮上相邻的颜色,营造和谐统一的视觉效果
色彩数量
配色方案展示
实时预览
配色灵感工具
实时预览您的配色方案在实际界面中的效果
卡片设计示例
这是一个使用当前配色方案的卡片设计示例。您可以查看主要颜色、次要颜色和强调色在实际界面中的应用效果。
色彩应用指南
- 主要颜色:用于主要按钮和标题
- 次要颜色:用于强调元素
- 成功颜色:用于成功状态
色彩分析
12.5:1
对比度
262°
色相
63%
亮度
89%
饱和度