选择主题色

拖拽选色器 点击并拖拽选择颜色
#6c5ce7

配色方案类型

单色配色
类似色
互补色
三元色
四元色
分裂互补

生成的配色方案

颜色搭配技巧

60-30-10法则
主色占60%,辅助色占30%,强调色占10%。这是一个经典的设计比例,能创建出视觉平衡的配色方案。
对比度原则
确保文本和背景之间有足够的对比度,提高可读性。WCAG标准建议至少4.5:1的对比度比。
色温搭配
暖色(红、黄、橙)给人温暖、活力的感觉;冷色(蓝、绿、紫)给人冷静、专业的感觉。合理搭配冷暖色创造氛围。
考虑色盲用户
约8%的男性有某种形式的色盲。避免仅依赖颜色传达信息,使用图案、文字或图标作为补充。
跨设备一致性
在不同设备和屏幕上的颜色表现可能不同。测试您的配色方案在各种设备上的显示效果。
行业色彩心理学
不同颜色引发不同情感反应。蓝色代表信任(常用于科技、金融),绿色代表健康、自然,红色代表激情、紧迫。