Khroma

AI 配色工具，学习个人偏好后生成可用的配色方案与对比组合。

Khroma 是一款基于人工智能的配色方案生成工具，核心功能并非随机推荐色卡，而是通过深度学习算法，持续学习用户个人的色彩审美偏好，进而输出高度定制化的配色组合与对比度方案。

核心机制：训练你的专属配色模型

与传统的预设色板库不同，Kharma 在首次使用时，会要求用户从大量色组中挑选出自己偏好的组合（通常为 20 组左右）。系统基于这些选择，利用神经网络训练出一个专属的色彩偏好模型。此后，每次生成的配色方案，都优先匹配该模型，而非通用设计趋势。

主要功能模块

| 功能 | 说明 |

| --- | --- |

| 配色方案生成 | 根据训练模型，生成包含主色、辅助色、强调色的完整组合，支持双色、三色及多色模式。 |

| 对比度检测 | 自动计算前景与背景颜色的 WCAG 对比度比值，辅助判断文本可读性，适配无障碍设计需求。 |

| 字体预览 | 内置多种英文字体，可即时查看配色在标题、正文、按钮等场景下的实际效果。 |

| 渐变生成 | 基于选定色值，自动生成协调的渐变过渡方案。 |

| 筛选与导出 | 支持按色相、明度、饱和度、颜色数量等维度筛选结果；可导出 CSS、SVG、PNG 或复制色值代码。 |

适用场景与价值

• UI/UX 设计师：快速获取符合用户气质的界面配色，减少手动调色时间。
• 品牌视觉设计：用于探索品牌色延伸方案，或验证现有品牌色的组合可行性。
• 数据可视化：生成高对比度、色盲友好的系列色，提升图表信息传达效率。
• 前端开发者：直接复制生成后的色值代码或渐变参数，缩短开发联调流程。

使用建议

1. 初始训练需认真：前 20 组选择决定了模型方向，建议覆盖多种色系，而非只选当前项目所需颜色。
2. 结合对比度数据：生成结果中，优先选择对比度标注为 AA 或 AAA 的组合，用于正文或小字号场景。
3. 利用筛选器收敛：当生成结果过多时，使用左侧筛选栏（如排除某色相、限定明度区间）可快速缩小范围。
4. 导出格式选择：若用于代码，直接复制 CSS 变量；若用于交付文档，导出 SVG 可保持矢量清晰度。

局限性说明

• 训练模型基于用户主观选择，无法完全替代专业色彩理论（如色彩心理学、文化语义）。
• 字体预览仅支持英文字体，对中文排版效果需自行在本地验证。
• 免费版功能完整，但部分高级筛选与批量导出功能可能需要注册账号后使用。

结论

对于需要高频产出配色方案、且希望减少主观决策成本的设计师与开发者，Khroma 提供了一条高效路径。其价值不在于替代设计师的判断，而在于将“从零找色”的过程压缩为“从 AI 推荐中筛选确认”。建议将其作为配色工作流中的辅助工具，与手动调色、设计系统规范配合使用。

常见问题

Khroma 是什么？

AI 配色工具，学习个人偏好后生成可用的配色方案与对比组合。

Khroma 的官方网站是什么？

Khroma 的官方网站是 https://www.khroma.co，可直接在浏览器中打开使用。