配色方案顾问
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/color-scheme-pro
技能介绍
要解决的问题
设计稿显土、配色不协调、不会选主色、急着要色值——这些是「配色方案顾问」针对的典型痛点。颜色多、饱和度乱,往往是显土的直接原因;结构一旦失控,加再多颜色也救不回来。
技能如何工作
核心能力分三层:
- 色系选择:先定调,从品牌气质出发选气质色系
- 三色结构:搭色时限定主色 / 辅色 / 强调色,遵守 60/30/10 比例
- 色值输出:落地阶段直接给出
HEX/RGB色值
关键工作流四步:
- 定气质:确定品牌感,从色系入手
- 搭三色:主 / 辅 / 强调,颜色数量 ≤3
- 校可读:检查对比度,糊了就提对比
- 出值:给
HEX,避免凭感觉拍脑袋
痛点到能力的快速映射:显土 → 换色系,乱 → 限三色,要色值 → 给 HEX。
适用边界与注意点
红线场景不适用:刺眼高对比、误导性配色、侵权色板。合规护栏优先级最高——不刺眼、不误导、考虑色盲可读、不侵权、场景合规,违反任一条即停止输出并提示。
最终产出为两份模板:配色方案与避坑清单,聚焦可立即落地的结构与行动建议。
使用场景
- 品牌 VI 定稿前,需从气质方向选定主色并给出 60/30/10 三色配比建议
- 设计稿被反馈“显土”,需按痛点信号换色系、降饱和,重新输出配色方案
- 前端实现页面主题色时,需拿到可直接写进 CSS 的 HEX/RGB 色值与对比度自查
- 海报或活动页配色超过三种显乱,需压缩为一张主/辅/强调三色结构表
适合人员
- 独立品牌主理人,正在定品牌色,需要主色占 60%、辅色 30%、强调 10% 的可用方案
- UI 设计师,设计稿总被说配色土,需要按品牌气质换色系并压低饱和度
- 前端工程师,拿到设计稿要落地进 CSS,需要 HEX/RGB 色值和对比度检查
- 运营或新媒体编辑,做活动海报时配色超过三种就显乱,需要三色结构约束