工具介绍
Khroma 是由设计师 Adam Morse 开发的 AI 配色工具，基于神经网络训练了数千种人工精选配色方案。用户首次使用时从 50 种颜色中挑选偏好色，系统据此生成个性化的无限配色组合，支持双色、三色、渐变和图片四种预览模式。与 Coolors 等随机生成工具不同，Khroma 的推荐结果经过审美过滤，减少了大量筛选成本。适合品牌设计师、UI/UX 设计师和插画师在项目初期快速锁定色彩方向。
产品截图
核心功能
优缺点分析
👍 优点
- ✓冷启动成本极低：只需完成一次 50 色偏好选择（约 2 分钟），系统即可开始输出个性化结果，无需注册账号或付费，相比 Adobe Color 需要手动调整色轮，Khroma 的上手路径更短。
- ✓推荐结果经过审美过滤：训练数据来自人工精选的高质量配色方案，输出结果的整体美观度明显高于纯随机生成工具，设计师筛选有效方案的时间可减少约 60%。
- ✓四种预览模式覆盖主要应用场景：从纯色组合到渐变再到图片场景，设计师无需离开工具就能验证配色在不同媒介中的效果，减少了在 Figma 或 Sketch 中反复测试的往返成本。
- ✓颜色数据格式完整：每个颜色直接提供 HEX、RGB、HSL 三种格式，可一键复制，适配前端开发和设计工具的直接使用需求，省去手动转换步骤。
👎 缺点
- ✗训练模型无法重置或细调：一旦完成初始偏好选择，模型即固定，若后续项目风格与初始偏好差异较大，推荐结果的相关性会明显下降，目前不支持按项目切换模型。
- ✗缺乏团队协作和品牌管理功能：收藏库仅限个人使用，无法共享给团队成员或绑定品牌色规范，在多人协作的设计团队中实用性受限，需配合其他工具使用。
- ✗生成逻辑不透明，可控性弱：用户无法指定主色调、对比度要求或无障碍标准（如 WCAG AA），对于有明确色彩约束的项目（如企业品牌升级），Khroma 的输出可能大量不符合要求。
如何使用
- 1完成个人色彩偏好训练 — 访问 khroma.co 后，系统会展示 50 种颜色供你选择，从中挑出你认为好看或常用的颜色，数量不限但建议选 20 个以上以提高模型准确性。选色时以你实际项目中常用的色调为准，而非单纯个人喜好，这样后续推荐结果的实用性更高。完成后点击 Train 按钮，模型训练约需 10 秒。
- 2选择合适的预览模式 — 训练完成后进入主界面，顶部可切换 Combination、Palette、Gradient、Image 四种模式。项目初期探索色彩方向时建议从 Combination（双色）开始，快速判断主色与辅助色的搭配感；需要验证实际应用效果时切换到 Image 模式，可以看到配色在排版场景中的真实表现，避免色板好看但落地效果差的问题。
- 3筛选并收藏满意方案 — 浏览生成结果时，将鼠标悬停在配色卡片上会出现收藏按钮（心形图标），点击即可加入个人收藏库。建议不要过度筛选，先批量收藏感觉方向对的方案（10-15 个），再统一进入收藏库做二次比较。收藏库支持按色相排序，方便横向对比同色调的不同方案。
- 4提取颜色数值并导入设计工具 — 点击收藏方案中的任意色块，右侧面板会显示该颜色的 HEX、RGB、HSL 三种格式数值，点击数值即可复制。将 HEX 值粘贴到 Figma 的颜色填充框或 CSS 的 color 属性中即可直接使用。如果需要建立完整色彩系统，可点击单色查看 Khroma 推荐的相近变体色，快速扩展出色阶。
- 5验证配色的无障碍对比度 — Khroma 不内置对比度检测功能，在将配色用于正式项目前，建议将文字色与背景色的 HEX 值粘贴到 WebAIM Contrast Checker 中验证。正文文字需达到 WCAG AA 标准（对比度 ≥ 4.5:1），大标题需达到 3:1 以上。这一步虽然需要离开 Khroma，但对于面向公众的产品设计是必要流程。
常见问题
Q: Khroma 完全免费吗，有使用限制吗？
A: 目前 Khroma 完全免费使用，无需注册账号，也没有每日生成次数限制。唯一的前提是完成首次的 50 色偏好训练。需要注意的是，收藏数据存储在浏览器本地，清除缓存后会丢失，建议定期将常用配色的 HEX 值导出记录到外部文档中。
Q: 初始偏好选择会影响所有结果吗，选错了怎么办？
A: 是的，初始选择直接决定模型的推荐方向，影响较大。如果发现推荐结果与预期偏差明显，可以清除浏览器的 localStorage 数据来重置训练，重新完成偏好选择。建议首次选色时尽量选择你在实际项目中最常用的色调风格，而非个人喜好色，这样推荐结果的实用性更高。
Q: Khroma 和 Coolors 相比哪个更适合日常使用？
A: 两者定位不同：Coolors 更适合需要快速随机探索、或者有明确锁定色需求的场景，支持锁定部分颜色后随机其余色；Khroma 更适合希望输出结果符合个人审美、减少筛选成本的设计师。如果你的项目风格相对固定，Khroma 的个性化推荐效率更高；如果每个项目风格差异大，Coolors 的灵活性更有优势。两者结合使用是常见做法。
Q: Khroma 生成的配色能直接用于商业项目吗？
A: 可以。Khroma 生成的配色方案不涉及版权问题，颜色本身不受版权保护，可直接用于商业设计项目。但需要注意，在使用前建议用 Contrast Checker 等工具验证文字与背景色的对比度是否符合无障碍标准，Khroma 本身不提供 WCAG 合规性检测功能，这一步需要手动完成。