Khroma

Khroma 是给设计师用的 AI 配色工具，思路和「随机生成一堆色板」相反：先让你挑几十个喜欢的颜色，在浏览器里训练一个小型神经网络，之后所有生成的配色都向你的偏好靠拢，不喜欢的颜色可以标记屏蔽。官方称算法从互联网上数千套流行的人工配色里学习过，因此生成的组合更像人挑出来的。

核心能力

• 个性化算法：初始给出一组颜色让你选择，选的过程就是在训练模型；被打低分的颜色会被屏蔽，后续生成不再出现，用得越久越贴合自己的口味。
• 无限配色生成：官方称可生成不限量的组合，基于数千套人工配色学习，兼顾协调性与实际可用的对比关系。
• 四种预览方式：同一组配色可以切到字体排版、渐变、纯色板与自定义图片四种视图，直接看它印在标题、按钮和真实照片上的效果。
• 按维度搜索：生成器支持按色相、明暗、明度、颜色名以及 hex、rgb 值筛选，心里有目标色时不用一直往下翻。
• 收藏库与规范输出：收藏数量不限，每组配色都能拿到颜色名、hex、rgb、CSS 代码，以及这组配对的 WCAG 无障碍评级，交给前端时不用再查一遍。
• 纯浏览器运行：训练与生成都在浏览器里完成，不需要装插件或客户端，换设备登录账号即可继续。

适合谁

• UI/UX 设计师：开新项目时快速定一套主色与辅助色，并确认文字对比度达标。
• 品牌视觉与平面设计：给同一套配色看海报、包装、渐变背景的实际观感。
• 前端工程师：需要现成的 hex 与 CSS，还要过无障碍检查。
• 独立开发者做小产品：没有设计师，也要一套不难看的界面配色。
• 设计教学：用「选色—生成—对比」的过程讲清配色逻辑。

使用建议

• 开头别省时间：多选几十个颜色，训练质量决定后面所有结果，官方说几分钟就能得到专属生成器。
• 分场景建库：品牌色、后台界面、插画各训一组，混在一起会互相干扰，最后都不准。
• 把 WCAG 评级当硬门槛：正文文字对比度不够的配色再好看也不能用，尤其是表单与按钮。
• 直接复制 CSS 到代码里，别手工抄 hex，少一位就白屏排查半天。
• 配色本身通常不受版权保护，但仍要避免与知名品牌高度近似；商用前按项目规范再核一次。
• 定稿前先给非设计同事看一眼：问他们第一眼觉得像什么品牌，比设计师自己盯屏幕更容易发现问题。