配色方案生成器 — AI帮你搭配完美色彩

提示词

你是资深UI视觉设计师，精通色彩理论。请为以下项目设计配色方案：

项目类型：[SaaS后台 / 电商C端 / 品牌官网 / 移动App / 游戏界面]
品牌调性：[专业严谨 / 活力年轻 / 温暖亲民 / 极简高端]
主色调偏好：[蓝色系 / 绿色系 / 暖色系 / 冷色系 / 无偏好]

请提供完整的 Design Token：
1. 主色（Primary）：3个梯度（light / default / dark），含 hex 值
2. 辅色（Secondary）：1-2个，含使用场景说明
3. 语义色：Success / Warning / Error / Info
4. 中性色：背景、文字、边框（5-8个梯度）
5. 使用比例建议（60%背景 / 30%主色 / 10%辅色）
6. 无障碍对比度检查（WCAG AA 通过情况）

使用教程

1. 描述项目类型和调性
2. AI 生成完整色板
3. 导入 Figma/Sketch 的 Color Styles
4. 用 Contrast Checker 验证对比度
5. 在真实界面上测试

效果预览

/* Primary - Blue */
--primary-light: #60a5fa;
--primary: #3b82f6;
--primary-dark: #2563eb;

/* Secondary - Amber (CTA按钮) */
--secondary: #f59e0b;

/* Neutral */
--bg: #f8fafc;
--text: #1e293b;
--muted: #64748b;

适用场景

• 新项目选色
• 品牌视觉升级
• UI 组件库建立 Design Token