Agent Skills
返回列表
🎨

配色方案顾问

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/color-scheme-pro

技能介绍

要解决的问题

设计稿显土、配色不协调、不会选主色、急着要色值——这些是「配色方案顾问」针对的典型痛点。颜色多、饱和度乱,往往是显土的直接原因;结构一旦失控,加再多颜色也救不回来。

技能如何工作

核心能力分三层:

  • 色系选择:先定调,从品牌气质出发选气质色系
  • 三色结构:搭色时限定主色 / 辅色 / 强调色,遵守 60/30/10 比例
  • 色值输出:落地阶段直接给出 HEX / RGB 色值

关键工作流四步:

  1. 定气质:确定品牌感,从色系入手
  2. 搭三色:主 / 辅 / 强调,颜色数量 ≤3
  3. 校可读:检查对比度,糊了就提对比
  4. 出值:给 HEX,避免凭感觉拍脑袋

痛点到能力的快速映射:显土 → 换色系,乱 → 限三色,要色值 → 给 HEX。

适用边界与注意点

红线场景不适用:刺眼高对比、误导性配色、侵权色板。合规护栏优先级最高——不刺眼、不误导、考虑色盲可读、不侵权、场景合规,违反任一条即停止输出并提示。

最终产出为两份模板:配色方案与避坑清单,聚焦可立即落地的结构与行动建议。

使用场景

  • 品牌 VI 定稿前,需从气质方向选定主色并给出 60/30/10 三色配比建议
  • 设计稿被反馈“显土”,需按痛点信号换色系、降饱和,重新输出配色方案
  • 前端实现页面主题色时,需拿到可直接写进 CSS 的 HEX/RGB 色值与对比度自查
  • 海报或活动页配色超过三种显乱,需压缩为一张主/辅/强调三色结构表

适合人员

  • 独立品牌主理人,正在定品牌色,需要主色占 60%、辅色 30%、强调 10% 的可用方案
  • UI 设计师,设计稿总被说配色土,需要按品牌气质换色系并压低饱和度
  • 前端工程师,拿到设计稿要落地进 CSS,需要 HEX/RGB 色值和对比度检查
  • 运营或新媒体编辑,做活动海报时配色超过三种就显乱,需要三色结构约束