主题配色工厂

主题工厂

为任何内容应用专业、协调的配色和字体方案。让你的PPT、文档、网页看起来像专业设计师做的！

🎯 什么时候使用

立即触发：

用户说"帮我美化一下"、"换个配色" 用户要做PPT、报告、文档，需要好看的主题 用户问"用什么字体比较专业" 用户要生成一套自定义的配色方案

不要触发：

纯代码，不需要视觉设计 数据处理，不涉及展示 🎨 10套精选内置主题 主题预览速览 编号 主题名称 风格描述 适用场景 1 🌊 深海蓝调 专业、平静的海洋色调 商务报告、正式场合 2 🌅 日落大道 温暖、活力的橙红渐变 创意、营销、发布会 3 🌲 森林树冠 自然、稳重的大地色系 环保、健康、农业 4 ⚪ 现代极简 干净、克制的黑白灰 科技、设计、作品集 5 🌟 金色时刻 浓郁、温暖的秋色调 高端产品、庆典 6 ❄️ 北极霜冻 清冷、锐利的冬日感 科技、冰雪运动、医疗 7 🌹 沙漠玫瑰 柔和、精致的灰粉色 时尚、美妆、女性向产品 8 💡 科技创新 大胆、现代的赛博感 科技发布会、产品演示 9 🌿 植物园 清新、有机的绿色调 食品、健康、生活方式 10 🌌 午夜银河 戏剧化、深邃的暗色调 高端产品、艺术、晚宴 📋 每套主题详细参数

• 🌊 深海蓝调 (Ocean Depths)

/ 配色 / --primary: #0D4C6B; / 深海蓝 - 主标题 / --secondary: #2E8B8B; / 青蓝 - 副标题 / --accent: #F5A962; / 暖橙 - 强调色 / --background: #F8FAFB; / 近白背景 / --text: #1A2E38; / 深灰文字 /

/ 字体 / --header-font: 'PlayfAIr Display', serif; / 高雅标题 / --body-font: 'Source Sans Pro', sans-serif; / 易读正文 /

适用： 金融报告、学术答辩、正式商务演示

• 🌅 日落大道 (Sun设置 Boulevard)

/ 配色 / --primary: #D9534F; / 珊瑚红 / --secondary: #F0AD4E; / 日落黄 / --accent: #5BC0DE; / 天蓝点缀 / --background: #FFF9F5; / 暖白背景 / --text: #3C2A21; / 深棕文字 /

/ 字体 / --header-font: 'Montserrat', sans-serif; / 现代粗体 / --body-font: 'Lato', sans-serif; / 圆润正文 /

适用： 营销方案、创意提案、产品发布会

• 🌲 森林树冠 (Forest Canopy)

/ 配色 / --primary: #2D5016; / 森林深绿 / --secondary: #6B8E23; / 橄榄绿 / --accent: #CD853F; / 古铜色点缀 / --background: #F5F5F0; / 米白背景 / --text: #2C2C2C; / 纯黑文字 /

/ 字体 / --header-font: 'Lora', serif; / 人文气息 / --body-font: 'Merriweather', serif; / 经典易读 /

适用： 环保报告、农业项目、健康产品

• ⚪ 现代极简 (Modern Minima列出)

/ 配色 / --primary: #1A1A1A; / 纯黑 / --secondary: #666666; / 中灰 / --accent: #E63946; / 正红强调（唯一亮色） / --background: #FFFFFF; / 纯白背景 / --text: #1A1A1A; / 纯黑文字 /

/ 字体 / --header-font: 'Inter', sans-serif; / 现代中性 / --body-font: 'Inter', sans-serif; / 全用统一字体 /

适用： 科技公司、设计作品集、极简风格产品

• 🌟 金色时刻 (Golden Hour)

/ 配色 / --primary: #8B4513; / 马鞍棕 / --secondary: #DAA520; / 金麒麟色 / --accent: #B22222; / 砖红点缀 / --background: #FFF8E7; / 奶油色背景 / --text: #3A2E1F; / 暖棕文字 /

/ 字体 / --header-font: 'PlayfAIr Display', serif; / 奢华感 / --body-font: 'Crimson Text', serif; / 精致正文 /

适用： 高端产品、奢侈品、庆典活动、酒店餐饮

• ❄️ 北极霜冻 (Arctic Frost)

/ 配色 / --primary: #1E3A5F; / 深蓝 / --secondary: #4A90A4; / 冰蓝 / --accent: #88D8B0; / 薄荷绿 / --background: #F0F5F9; / 冷白背景 / --text: #1C2B3A; / 冷灰文字 /

/ 字体 / --header-font: 'Poppins', sans-serif; / 清爽现代 / --body-font: 'Open Sans', sans-serif; / 清晰易读 /

适用： 医疗健康、科技产品、冰雪运动

• 🌹 沙漠玫瑰 (Desert Rose)

/ 配色 / --primary: #9A8C98; / 灰紫 / --secondary: #C9ADA7; / 干燥玫瑰 / --accent: #F2E9E4; / 裸粉 / --background: #FFFFFF; / 纯白 / --text: #4A4E69; / 深灰紫 /

/ 字体 / --header-font: 'Cormorant Garamond', serif; / 优雅衬线 / --body-font: 'Karla', sans-serif; / 圆润无衬线 /

适用： 时尚美妆、女性向产品、生活方式品牌

• 💡 科技创新 (Tech Innovation)

/ 配色 / --primary: #0F172A; / 深蓝黑 / --secondary: #3B82F6; / 科技蓝 / --accent: #10B981; / 荧光绿 / --background: #0F172A; / 深色背景（深色模式） / --text: #F8FAFC; / 白色文字 /

/ 字体 / --header-font: 'Space Grotesk', sans-serif; / 科技感 / --body-font: 'DM Sans', sans-serif; / 现代感 /

适用： 科技发布会、产品Demo、黑客松项目

• 🌿 植物园 (机器人anical Garden)

/ 配色 / --primary: #2C5F2D; / 深叶绿 / --secondary: #97BC62; / 嫩绿 / --accent: #FFBA00; / 明黄点缀 / --background: #F8F9F4; / 淡绿米白 / --text: #1E2F1E; / 深绿灰文字 /

/ 字体 / --header-font: 'ABeeZee', sans-serif; / 圆润可爱 / --body-font: 'Nunito', sans-serif; / 柔和易读 /

适用： 食品有机、健康生活、园艺植物

• 🌌 午夜银河 (Midnight Galaxy)

/ 配色 / --primary: #0C0C1E; / 接近黑的深蓝 / --secondary: #1A1A40; / 深紫蓝 / --accent: #7B68EE; / 中紫闪星 / --accent-2: #00CED1; / 青蓝星芒 / --background: #0C0C1E; / 深色背景 / --text: #E8E8F0; / 亮白文字 /

/ 字体 / --header-font: 'Orbitron', sans-serif; / 未来感 / --body-font: 'Rajdhani', sans-serif; / 锐利正文 /

适用： 人工智能、太空主题、高端晚宴、艺术展

🔧 如何应用主题 给用户展示选项

🎨 我有10套精选主题，你可以选一个：

🌊 深海蓝调 - 商务正式 🌅 日落大道 - 活力创意 🌲 森林树冠 - 自然稳重 ⚪ 现代极简 - 干净克制 🌟 金色时刻 - 高端奢华 ❄️ 北极霜冻 - 清冷科技 🌹 沙漠玫瑰 - 柔和精致 💡 科技创新 - 赛博未来 🌿 植物园 - 清新有机 🌌 午夜银河 - 深邃戏剧

选几号？或者告诉我你想要什么感觉，我帮你定制！

应用到PPT/幻灯片

用户选好后，给出具体建议：

✅ 应用「深海蓝调」主题到你的幻灯片：

配色方案：

标题颜色：#0D4C6B 副标题颜色：#2E8B8B 强调/按钮颜色：#F5A962 背景色：#F8FAFB 正文字色：#1A2E38

字体建议：

标题：PlayfAIr Display 或 宋体粗体 正文：Source Sans Pro 或 微软雅黑

排版建议：

每页不超过6行文字 标题字号是正文的2.5倍 重要数据用强调色突出 应用到HTML页面

直接生成CSS变量：

:root { / 深海蓝调主题 / --color-primary: #0D4C6B; --color-secondary: #2E8B8B; --color-accent: #F5A962; --color-background: #F8FAFB; --color-text: #1A2E38; --font-header: 'PlayfAIr Display', serif; --font-body: 'Source Sans Pro', sans-serif; }

/ 使用示例 / h1, h2, h3 { color: var(--color-primary); font-family: var(--font-header); }

body { color: var(--color-text);