1Color generator是什么？

Color generator是一个基于Eva Design System的智能配色生成器，可帮助设计师快速创建语义化色彩体系。

输入一个品牌主色，系统自动生成配套的浅色变体、深色变体以及成功、信息、警告、危险等状态色，支持一键导出JSON、SCSS变量，完美适配Angular、React等前端框架的UI配色需求。

Color generator由Eva Design System团队开发维护。

Eva Design System是Akveo公司推出的开源UI设计体系，广泛应用于Nebular、UI Kitten等Angular/React组件库。

2核心功能

核心功能包含 4 个板块，按需取用：

3特色亮点

和同类站点相比，它的差异化价值在于：

与Coolors主打调色板灵感探索、Adobe Color侧重色彩理论规则（互补色、三角色等）不同，Color generator的独特之处在于其面向前端工程化的语义色彩体系——它不只告诉你”什么颜色好看”，更直接输出一套可直接用于代码的design token色彩规范，设计师与前端开发者之间的沟通成本被大幅压缩。

命名规则清晰、导出格式标准，是同类工具中工程化程度最高的一款。

4用户群体

5实用场景

把 Color generator 放进你的日常，可以这样用：

6同类推荐

按需求搭配收藏，获取更立体的信息视角：

常见问题 FAQ