调色板生成器

色彩和谐规则

• 互补色 — 色轮上相隔 180° 的两色，对比强烈，适合需要突出的 CTA 按钮。
• 类似色 — 相邻 ±20°~40° 的 5 色，过渡自然，适合整体氛围统一的界面。
• 三角色 — 等距 120° 三色，平衡且丰富，适合需要多样但不杂乱的设计。
• 分裂互补 — 基色 + 互补色两侧各偏移 30°，比互补色更柔和。
• 四角色 — 等距 90° 四色，色彩最丰富，需要注意主次关系。
• 单色系 — 同一色相不同明度，最安全也最易协调。

UI 配色建议

• 选择一个主色（60%）、一个辅色（30%）和一个强调色（10%）。
• 深色背景搭配浅色文字时，降低辅色饱和度以减少视觉疲劳。
• 始终检查文字与背景的 WCAG 对比度，确保至少达到 4.5:1（AA 级）。

FAQ

一个网站需要几种颜色？

通常 3–5 种即可：1 个主色、1 个辅色、1 个强调色，加上中性灰阶用于文字和背景。过多颜色会让界面显得杂乱。

暖色调与冷色调如何选择？

暖色（红、橙、黄）传达活力与紧迫感，适合电商和餐饮；冷色（蓝、绿、紫）传达信任与专业，适合金融和科技。根据品牌定位选择。

如何确保配色方案具有无障碍性？

使用 WCAG 对比度检测工具，确保正文文字对比度 ≥ 4.5:1、大标题 ≥ 3:1，同时避免仅靠颜色传递信息，辅以图标或文字标签。