color-palette#

专业配色卡生成器。输入主色调，自动生成 3 色搭配方案（主色 + 2 个辅助色），输出图片卡片。

配色风格#

• 黑底 #000000
• 1 个大主色块（上方）+ 2 个小辅助色块（下方左右并排）
• 每个色块标注：中文色名（中粗体）+ Hex 色号（细体）
• 圆角几何形状，现代简约 UI 风格

功能一览#

1. 配色卡生成（12组预设）#

bash

python3 generate_palette.py <配色名>
python3 generate_palette.py --all          # 批量生成所有

2. 从图片提取配色#

bash

python3 extract_palette.py <图片路径或URL> --card
# 提取主色 + 自动生成互补色/相似色推荐

3. 场景 Mockup 生成#

bash

python3 generate_mockup.py poster <配色名>   # 品牌海报
python3 generate_mockup.py phone <配色名>    # 手机界面
python3 generate_mockup.py cover <配色名>    # PPT封面
python3 generate_mockup.py all <配色名>      # 全部三种

智能选色规则#

主题/场景推荐配色时尚/奢侈品牌爱马仕橙、古驰绿、玫瑰粉科技/商务/金融普拉得蓝、长春花蓝、海洋青咖啡/餐饮/自然孔雀蓝、抹茶绿、琥珀黄健康/清新薄荷绿、海洋青儿童/活泼玫瑰粉、薄荷绿、琥珀黄节日/热烈烈焰红、爱马仕橙、琥珀黄未明确主题默认普拉得蓝

图片生成方式#

方式1：本地脚本生成（推荐）#

bash

python3 ~/.openclaw/workspace/skills/color-palette/generate_palette.py [配色名]

• 优点：秒级出图，无需 API，无需浏览器
• 输出： /tmp/color-palette-{配色名}.png

方式2：AI 生成（需配合 doubao-ai-image）#

调用 doubao-ai-image 生成图片，prompt 包含配色信息。

输出规范#

生成图片后，必须回复：

• 配色方案名称
• 三色 Hex 对照表
• 生成的图片
• 适用场景建议

预设配色方案库（12组）#

1. 爱马仕橙系#

角色色名Hex主色爱马仕橙#FF8A00辅助色1深灰#363636辅助色2白粉#FFF2DF

2. 普拉得蓝系#

角色色名Hex主色普拉得蓝#0175CC辅助色1睿智金#B78D77辅助色2米汤骄#FCF5E2

3. 长春花蓝系#

角色色名Hex主色长春花蓝#5357A0辅助色1佛手黄#FED81F辅助色2荔枝白#FEFFEF

4. 孔雀蓝系#

角色色名Hex主色孔雀蓝#0B7E9D辅助色1浅驼色#D7B9A1辅助色2月苍白#F9F6E5

5. 古驰绿系#

角色色名Hex主色古驰绿#1F4433辅助色1杏红#FF8B31辅助色2象牙白#FFFBF0

6. 烈焰红系#

角色色名Hex主色烈焰红#E53935辅助色1炭黑#212121辅助色2珍珠白#FAFAFA

7. 极光紫系#

角色色名Hex主色极光紫#8E24AA辅助色1香槟金#D4AF37辅助色2雪白#F8F8FF

8. 薄荷绿系#

角色色名Hex主色薄荷绿#26A69A辅助色1深空灰#455A64辅助色2泡沫白#F0FFF0

9. 琥珀黄系#

角色色名Hex主色琥珀黄#FFB300辅助色1咖啡棕#4E342E辅助色2奶白#FFF8E1

10. 玫瑰粉系#

角色色名Hex主色玫瑰粉#EC407A辅助色1莓果紫#7B1FA2辅助色2淡粉白#FFF0F5

11. 海洋青系#

角色色名Hex主色海洋青#00ACC1辅助色1沙滩金#C9A227辅助色2贝壳白#FDF5E6

12. 抹茶绿系#

角色色名Hex主色抹茶绿#7CB342辅助色1米白#F5F5DC辅助色2竹青#2E7D32

文件说明#

• generate_palette.py — 生成配色卡（12组预设）
• extract_palette.py — 从图片提取主色并生成配色卡
• generate_mockup.py — 生成场景 Mockup（海报/手机/封面）
• SKILL.md — 使用说明文档