个性化算法训练
先挑选一组颜色，训练由神经网络驱动的算法，让它生成你喜欢的颜色并屏蔽不喜欢的颜色，训练与生成都在浏览器内完成。
价格免费
平台Web
归类图像编辑与设计
收录2026-10-11
复核2026-10-11
编辑评分
4.8 / 5
★★★★☆
Khroma编辑总结
Khroma 由 George Hastings 开发，是一款运行在浏览器里的 AI 配色工具，通过神经网络学习你挑选的颜色偏好，再生成符合个人口味的无限调色板。它从网络上数千个人工制作的热门配色中学习，可以按色相、色调、明度、颜色以及 hex、rgb 值搜索过滤，并把喜欢的组合保存到个人收藏库，同时给出颜色名称、hexcode、rgb 值、CSS 代码与每对颜色的 WCAG 无障碍评级。官网未公开具体价格档位与免费额度，这是选择前需要先确认的一点。
Khroma是什么？
Khroma 是一款面向设计师的 AI 配色工具，由 George Hastings 开发，定位是让用户用自己喜欢的颜色完成设计。它的核心是一套个性化算法：用户先挑选一组颜色来训练神经网络，算法据此生成你喜欢的颜色、屏蔽你不喜欢的颜色，整个过程在浏览器里完成。
在能力上，Khroma 从网络上数千个人工制作的热门调色板中学习，产出可观的配色组合，并支持以字体排版、渐变、调色板或自定义图片四种方式预览同一组颜色。生成结果可以按色相、色调、明度、颜色以及 hex 和 rgb 值进行搜索与过滤，找到的组合能存入不限量的个人收藏库，每组配色都会附带颜色名称、hexcode、rgb 值、CSS 代码以及 WCAG 无障碍评级。
对不同角色来说，普通设计师可以把它当作日常取色与灵感来源，先训练出属于自己的配色偏好，再从收藏库中挑选组合；需要交付前端代码的人可以直接取用 CSS 代码与 hex、rgb 值；关注可访问性的团队则可以借助 WCAG 评级筛掉对比度不达标的配色。官网还提到其 Instagram 账号 @khromacolors 由 Lucie Bajgart 策划，用于展示和收集配色灵感。
Khroma核心功能
无限配色生成
算法从网络上数千个人工制作的最热门调色板中学习，产出可观的配色组合，供你持续发现新的调色方案。
四种预览方式
同一组配色可切换为字体排版、渐变、调色板或自定义图片四种预览形式，方便判断颜色落到实际画面里的效果。
多维搜索过滤
可按色相、色调、明度、颜色，以及 hex 和 rgb 值来搜索与过滤生成结果，适合已经明确目标色再反向找搭配的场景。
不限量收藏库
可创建不限量的个人配色收藏库，随时回看喜欢的组合，方便在多个项目之间复用同一套色彩方案。
开发与无障碍信息
每组配色附带颜色名称、hexcode、rgb 值与 CSS 代码，并给出每对颜色的 WCAG 无障碍评级。
Instagram 灵感来源
@khromacolors 账号由 Lucie Bajgart 策划，展示并收录其作品，可作为配色灵感的补充来源。
Khroma值不值得用？
当你需要一个长期了解自己口味的配色库时，Khroma 值得一试：先花几分钟训练算法，之后生成的组合会更贴近你的偏好，而不是通用模板。当作灵感收集与筛选工具用时它很顺手，四种预览方式能快速判断配色落到排版、渐变或图片上的效果，WCAG 评级也省去了自己算对比度。但如果你的任务是从一张已有图片里精确取色，或需要按品牌规范严格锁定色值，它未必比传统取色工具更合适。正式用于商业项目前需要先确认费用与授权范围。
建议选它的情况
- 需要长期积累个人配色库的设计师
- 做品牌或界面配色、要快速比较多种组合的人
- 关注 WCAG 无障碍对比度、需要评级参考的团队
- 想把配色直接落到 CSS 代码的前端开发者
不建议选它的情况
- 需要从指定图片精确取色、而非生成新配色的场景
- 必须严格锁定品牌色值、不接受算法推荐的团队
- 对费用敏感、需要先确认价格与授权范围再决定的人
Khroma使用建议
入门先把路子走对
- 先认真过一遍选色首页点 Generate 或 Get started 后，先按要求挑选一组颜色，这一步的取舍直接决定后续生成结果是否合口味，不要随手乱点。
- 用屏蔽校正偏好生成过程中把不喜欢的颜色标记掉，算法会据此收缩范围，比反复重新训练更快收敛到你想要的方向。
- 先切预览再决定看到一组顺眼的配色后，先切到字体排版、渐变、调色板或自定义图片视图，确认它放到实际画面里仍然成立再收藏。
- 收藏时顺手记用途收藏库不限量，发现可用组合就先存下来，配合颜色名称与 hexcode，方便之后按项目回查。
进阶省时间也省钱
- 按色相明度倒推已有明确目标色时，用色相、色调、明度或 hex、rgb 值直接搜索过滤，比在无限结果里翻找省时间。
- 交付前看 WCAG 评级选定组合后检查每对颜色的 WCAG 无障碍评级，提前筛掉正文与背景对比度不足的搭配，避免上线后返工。
- 直接复用 CSS 代码从收藏库复制配色附带的 CSS 代码与 rgb 值，省去手动转换色值，也让设计稿与实现保持一致。
- 搭配 Instagram 找方向先从 @khromacolors 里挑出中意的作品，再回到生成器按相近色相训练，能更快锁定风格。
Khroma适合谁用？
独立设计师
推荐日常需要大量配色灵感，不限量收藏库配合四种预览方式，能低成本积累一套属于自己的色彩库。
前端开发者
推荐需要可直接使用的 hexcode、rgb 值与 CSS 代码，收藏后复制即可，省去手动转换色值的环节。
关注无障碍的团队
推荐配色自带 WCAG 无障碍评级，可在选色阶段就筛掉对比度不达标的组合，减少上线后修改。
品牌视觉团队
有条件配色由算法按喜好生成，官网未说明能否锁定指定品牌色值，用于严格规范的项目前需先确认。
商业项目接单方
有条件免费额度与商用授权范围，涉及客户交付与收费时需先确认费用与授权再使用。
需要从图片精确取色的人
不推荐工具长于按偏好生成新配色，官网未提及从指定图片中吸取色值的功能，这类取色需求未必能覆盖。
Khroma优点和缺点
优点
- 算法按个人选色偏好训练，生成结果贴合口味而非通用模板
- 从网络上数千个人工制作的热门配色中学习，组合质量有参考基础
- 同一配色可切字体排版、渐变、调色板、自定义图片四种预览
- 支持按色相、色调、明度、颜色及 hex、rgb 值搜索过滤
- 收藏库不限量，每组配色附颜色名称、hexcode、rgb 值与 CSS 代码
- 每对颜色给出 WCAG 无障碍评级，可直接用于对比度筛查
- 在浏览器中完成训练与生成，无需安装客户端
缺点
- 免费额度与商用授权范围
- 官网未说明除 Web 浏览器外是否提供其他平台或 API 接入
- 配色由算法按偏好生成，表面上看难以直接锁定指定品牌色值
Khroma常见问题
Khroma 怎么学会我喜欢的颜色？＋
首页进入 Generate 或 Get started 后，先挑选一组颜色，系统会用这组选择训练一个神经网络驱动的算法，之后它生成你偏好的颜色并屏蔽你不喜欢的颜色，训练与生成都在浏览器里完成。
它能生成多少种配色组合？＋
算法从网络上数千个人工制作的最热门调色板中学习，可以生成无限的颜色组合。这些组合能按字体排版、渐变、调色板或自定义图片四种方式预览，也可以存入不限量的个人收藏库。
可以按指定颜色找搭配吗？＋
可以。搜索支持按色相、色调、明度、颜色进行过滤，也支持直接输入 hex 和 rgb 值查找，适合已经确定目标色、需要反向找搭配的情况。
每组配色会给出哪些可用信息？＋
收藏的每组配色会附带颜色名称、hexcode、rgb 值、CSS 代码，以及每对颜色的 WCAG 无障碍评级，方便直接落到设计稿或前端代码里，也能提前筛掉对比度不足的搭配。
Khroma 收费吗？＋
没有说明商用授权范围。正式用于商业项目或客户交付前，需要先在官方页面确认费用与授权细节。
Khroma竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| Khroma本工具 | 4.8 | 免费 | 个性化算法训练；无限配色生成；四种预览方式；多维搜索过滤 | Web |
| Huemint | — | 未标价 | Huemint 是一款利用机器学习技术的颜色调色板生成器 | — |
| Colorify Rocks | — | 未标价 | AI 驱动的颜色搭配生成器 | — |
| Polarr Next AI Color Match | — | 未标价 | 即时匹配任何图像中的颜色 | — |
| Eva Design System | — | 未标价 | Eva Design System 是一个基于深度学习算法的色彩生成系统，其重要性在于为 | — |
| 创客贴 AI | — | 未标价 | 创客贴 AI 是一个 AI 智能设计平台，提供了丰富的 AI 设计工具 | Web |
