Color Palette Generator — 5 Harmony Schemes

面向AI Agent的专业和谐配色方案生成工具

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:Color Palette Generator — 5 Harmony Schemes。
它的用途是:面向AI Agent的专业和谐配色方案生成工具
完整的 Skill 内容见:https://321skill.com/skills/color-palette-generator-5-harmony-schemes/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'以#2563eb为基础色,帮我生成一套互补色和谐配色方案',它会自动计算符合专业色彩规则的搭配组合,返回HEX、RGB、HSL等多格式色值,以及可直接复制使用的CSS自定义属性代码。

对AI说:'我在做后台管理系统的UI设计,主色用#f8fafc,帮我生成适配的中性色配色方案',它会输出符合界面设计规范的和谐配色,无需额外做格式转换,可直接用到设计稿中。

对AI说:'我要做一组科技主题的宣传海报,主色用#722ED1,帮我生成相近色配色方案',它会输出协调美观的配色组合,我可以直接取色用于宣传素材制作。

介绍

在AI Agent处理设计、前端开发类需求时,往往需要生成符合专业色彩规则的和谐配色,但手动计算色彩搭配关系需要系统的色彩知识,后续还要转换为多种代码可用的色值格式,效率低且容易出现配色不协调、不符合设计规范的问题。

你只需调用design_generate_color_palette工具,传入任意标准十六进制基础色值,即可自动生成对应和谐配色方案,工具会同步返回设计与开发场景常用的各类色值形式,以及可直接复用的CSS自定义属性,无需额外做格式转换处理。

它适合需要快速产出界面配色的UI设计师、探索品牌视觉体系的品牌策划人员、需要快速获取样式色值的前端开发者,以及制作主题视觉内容的创作者在使用AI辅助工作时调用。

使用时建议明确指定需要的配色方案类型,传入的基础色需为标准十六进制格式,生成的色值可根据实际应用场景的需求做微调后再使用。

核心特点

它内置互补色、相近色、三角色、分裂互补色、四角色5种专业色彩和谐规则,可直接输出hex、RGB、HSL、CSS变量等可直接写入代码的色值,且无需申请API密钥,采用Base L2链上微付费模式按次结算,使用门槛极低。

注意事项

仅支持传入标准十六进制色值作为基础色,无法基于图片、自然语言描述等非hex格式输入生成配色。

常见问题

使用该配色生成工具需要API密钥吗?

不需要,采用Base L2链上x402微支付模式,单次调用费用0.001美元。

支持生成哪些类型的和谐配色?

支持互补色、相近色、三角色、分裂互补色、四角色共5种专业配色方案。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/color-palette-generator-5-harmony-schemes/raw/index.md 读取 Color Palette Generator — 5 Harmony Schemes 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。