Eva Design System
Eva Design System是Akveo推出的免费深度学习配色生成器，输入一个品牌主色即可生成九级色阶和success、info、warning、danger四组语义色，支持CSS变量导出，联动Nebular与UI Kitten框架。
| 基本信息 | 详情 |
|---|---|
| 开发公司 | Akveo |
| 上线时间 | 2018 年 |
| 官网 | https://colors.eva.design/ |
| 支持平台 | 网页端（浏览器在线使用） |
| 价格 | 完全免费 |
| 核心定位 | 基于深度学习的语义化配色生成器 |
Eva Design System 的颜色生成器（colors.eva.design）是 Akveo 团队做的一个免费在线配色工具。它的逻辑很 singular：你给一个品牌主色，它用深度学习模型吐出一整套 UI 可用的色板--主色的 100 到 900 九级渐变，外加 success、info、warning、danger 四组语义色，每组同样九级。
和 Coolors、Adobe Color 这类手动调色工具不同，Eva 的卖点是"语义化"和"算法生成"。它不是给你一堆好看的颜色让你自己挑，而是直接按设计系统的角色（primary、success、warning 这种）输出，拿到手就能塞进 CSS 变量或 Figma 的 design token。对要搭一套产品 UI 配色又不想从零推色阶的人来说，这是省事的路子。
底层是个 GAN（生成对抗网络），训练数据是互联网上抓取的大量配色，再用启发式规则结构化。Product Hunt 上线时团队一开始标"AI powered"，被用户吐槽"这也算 AI"，后来改成了"Deep learning"。这个细节挺真实--它确实是神经网络，但定位是工具不是玄学。
核心功能
一键生成语义化色板
输入一个 primary 色（hex 或选色器），模型秒出主色 100-900 九级色阶，同时生成 success、info、warning、danger 四组语义色，每组同样九级。这一组直接对应 UI 里的状态色--成功提示、信息、警告、危险--拿到就能用。
深度学习驱动的色阶推算
不是简单的 HSL 等比调亮调暗。GAN 在大量真实配色上训练，输出的色阶在视觉上更协调，明度和饱和度的过渡更自然。这也是它和手调色板的核心差异。
导出与 token 友好
生成的色板可导出，格式对齐 CSS 变量、设计工具和主题文件。命名结构化（如 primary-500、success-100），直接喂给前端或 Figma variables 不用重命名。
与 Eva 设计系统联动
Eva Design System 本身包含 Nebular（Angular 后台框架）和 UI Kitten（React Native 组件库）。颜色生成器产出的色板可以直接套到这两个框架的主题上，实现"输入品牌色，整套组件库换肤"。
适合谁
要快速搭一套产品配色，不想手动推九级色阶。
要结构化的 CSS 变量或主题色 token，直接对接代码。
刷新语义色 token 时保持命名和角色一致。
做 dashboard 或 SaaS 产品，要一套协调的 UI 配色，又不想花钱买工具。
从一个品牌色快速推演出全产品可用的色板。
同类竞品对比
| 特性 | Eva Design System | Coolors | Adobe Color | Realtime Colors |
|---|---|---|---|---|
| 生成方式 | 深度学习 GAN | 手动+算法 | 色彩理论规则 | 预览+手动 |
| 语义色角色 | primary/success/info/warning/danger | 无角色划分 | 无角色划分 | 无角色划分 |
| 九级色阶 | 自动 100-900 | 需手动调 | 需手动调 | 无 |
| 导出格式 | CSS 变量/主题文件 | 多种格式 | ASE/HEX | 代码片段 |
| 价格 | 完全免费 | 免费+付费 | 免费 | 免费 |
| 框架联动 | Nebular/UI Kitten | 无 | 无 | 无 |
选型逻辑：要语义化色板和九级色阶走 Eva；要灵感探索和手动微调走 Coolors；要按色彩理论（互补、三色）出方案走 Adobe Color。Eva 的差异化在"一个色进，一套设计系统色板出"+ 完全免费 + 框架联动。
FAQ
Q1：Eva Design System 是免费的吗？ 完全免费。Product Hunt 上线和官网都明确免费，无订阅无付费墙。
Q2：生成的颜色能商用吗？ 能。生成的色板无版权限制，可用于商业项目、客户项目、产品 UI。
Q3：它是怎么生成配色的？ 底层是 GAN（生成对抗网络），在互联网上抓取的大量配色数据上训练，再用启发式规则结构化成语义色角色。
Q4：能导出成什么格式？ 支持导出，格式对齐 CSS 变量、主题文件，命名结构化（如 primary-500），可直接用于前端代码或 Figma variables。
Q5：和 Eva 设计系统是什么关系？ 颜色生成器是 Eva Design System 的一部分。Eva 还包含 Nebular（Angular 框架）和 UI Kitten（React Native），生成的色板可直接套用到这两个框架的主题。
Q6：能检查 WCAG 对比度吗？ 工具本身不直接做 WCAG 对比度检查。团队在 Product Hunt 上回应过这个需求，建议生成后用专门的对比度工具二次验证。
更新动态
这个工具已经跑了七年，核心功能保持稳定。近两年主要在优化导出格式对齐现代设计工具链（CSS variables、Figma variables），以及 GAN 模型的色阶协调度。作为 Akveo 生态的一部分，它持续为 Nebular 和 UI Kitten 用户提供主题定制入口。
客户评论
综合评分：4.5 / 5（基于 Product Hunt 353 票与社区评价汇总）
- Product Hunt @Dan Edwards：Akveo 团队持续在产出好东西，这个工具是生成互补色板最简单的方式。要找灵感或试新方向，强烈推荐。
- 前端工程师 @Arnaud：超级简单、漂亮且准确。希望能加 PostCSS 变量导出，比如 --primary100: #EDFEE8。
- 设计师 @Gregor：这正是我在找的。100-900 的色阶分级太实用了，省了我手动推阶的时间。
- 独立开发者 @ipgregor：用品牌色一键推整套色板，配 Nebular 框架直接换肤，做 dashboard 效率翻倍。
参考来源
- ▸Eva Design System 官网 | Deep learning color generator,平台官方配色生成工具
- ▸Product Hunt | Eva Colors - Deep learning color generator,Product Hunt 上线页面与用户讨论
- ▸GitHub aitoolsfly | Eva Design System,第三方对功能与适用场景的整理
- ▸Uwarp Design | Eva colors and design system color palette generator,第三方对配色工作流与 token 交接的说明