AI万址
ColorMagic

ColorMagic

ColorMagic是免费开源AI配色工具，输入关键词即生成和谐配色，支持图像取色、CSS渐变、对比度检查，累计生成超400万套配色，服务80万+设计师。

访问官网
ColorMagic
访问官网
基本信息详情
开发公司FlowindAI / 开源社区
上线时间2024 年
官网https://colormagic.app
支持平台Web（多语言：英/日/意/中）
价格100% 免费、开源
核心定位AI 关键词配色方案生成器

ColorMagic 是个免费、开源的 AI 配色工具。一句话讲清它的本事：你输入"秋日森林"或"赛博朋克午夜"这种关键词，AI 给你一套和谐配色。听起来简单，但它把"配色灵感"从翻 Dribbble 一小时压到三秒。

技术上它用 OpenAI 模型把文字语义翻译成颜色情绪，输出 HEX、RGB、HSL，还能导出 CSS 和渐变代码直接贴进项目。项目在 GitHub 开源（Nuxt + NuxtUI + TypeScript），月访问约 50 万次、每天生成 1.2 万个配色、累计生成超 400 万套、服务 80 万+ 设计师。对一个完全免费的工具来说，这个量级说明它确实戳中了"配色选择困难"的痛点。

需要说明的是，任务里给的官方 URL 是 obviously.ai，但那是另一个产品（Obviously AI，已更名为 Zams），与 ColorMagic 无关。ColorMagic 真正的官网是 colormagic.app，本文以此为准。如果你要的是图标而非配色，去看 Pictographic。

核心功能

关键词生成配色：输入名字、主题、品牌名或情绪词，AI 秒出和谐色板。这是它的核心卖点，不是随机吐 hex，而是读懂"感觉"。

图像取色：上传任意图片或照片，AI 提取主色调生成色板，复刻顶刊图表配色也行。

随机颜色生成器：没灵感时来一发随机组合，适合需要区分多组数据的场景。

颜色混合器：混合两种颜色看结果，找"中间色"利器。

CSS 渐变生成器：可视化做渐变，直接吐 CSS 代码，前端拿来即用。

对比度检查器：检查颜色对比度，尤其对色盲是否友好，学术出版和可访问性场景必备。

灵感画廊：pastel、neutral、luxury、boho、80s、japanese、minimalist 等数十种预设主题，卡壳时直接挑。

适合谁

UI/UX 设计师、网页开发者是主力--做品牌色、配色变体、CSS 渐变都快。科研工作者做论文图表配色也意外地合用（关键词如"基因表达"出热图配色）。营销和品牌团队做视觉调性探索同样适配。非设计师想做出"专业感"配色，ColorMagic 几乎零门槛。如果你要的是整套图标而非配色，去看 Pictographic。

同类竞品对比

维度ColorMagicAdobe ColorCoolorsKhroma
AI 关键词生成有（OpenAI）无（规则为主）无有（学习偏好）
价格完全免费免费 + 付费 CC免费 + 付费免费
图像取色有有有无
开源是否否否

论"关键词出配色"和完全免费开源，ColorMagic 在这档里独一份；要专业色彩理论规则，Adobe Color 更深。

FAQ

A

ColorMagic 真的完全免费吗？ 是。100% 免费，开源，无需信用卡，不限生成次数。

A

用什么 AI 模型？ 主要借助 OpenAI（GPT 系列）做关键词到颜色的语义映射。

A

能导出什么格式？ HEX、RGB、HSL，以及 CSS 代码、渐变 CSS，可下载 PNG。

A

支持中文吗？ 支持多语言，含中文（colormagic.club/zh），但英文关键词生成效果更稳定。

A

能保存配色吗？ 登录后可用 ♡ 收藏，浏览历史配色。

A

任务里给的 obviously.ai 是什么？ 那是另一个产品（Obviously AI / Zams），与 ColorMagic 无关，应为笔误，ColorMagic 官网是 colormagic.app。

更新动态

近半年主要扩充子工具（混合器、渐变、对比度检查）和预设主题库。

客户评论

综合评分：暂无 G2 等聚合评分（官网公布 4M+ 配色生成、800K+ 设计师）

  • Product Hunt 用户：输入文字就出配色，比翻预设快十倍。
  • 插画师 @Muchaco1031：做角色上色时用它打破自己的配色偏见，新视角很值。
  • 前端开发者：完全免费还开源，找不到不用的理由。
  • 负面反馈：偶尔关键词理解偏差（如"海盗号子"出了便利店冰沙色），但即便"翻车"也能启发新想法。

参考来源