khroma.co 暂未发现付费内容

Khroma是什么网站?

Khroma 是一个面向设计师的 AI 配色工具，用人工智能学习你喜欢的颜色，并持续生成配色方案供你发现、搜索和保存。

主要功能与用途

• 个性化算法：先选择一组你喜欢的颜色，训练一个神经网络算法，之后它生成的配色会贴近你的偏好，同时屏蔽你不喜欢的颜色。整个过程在浏览器中完成。
• 无限配色组合：算法从互联网上数千个人工制作的流行配色中学习，生成可用的组合，并能以字体排版、渐变、色板或自定义图片等形式预览。
• 搜索与筛选：可以按色相、色调、明度、颜色，以及 hex、rgb 值来搜索和过滤生成结果。
• 保存到收藏库：建立不限量的个人配色库，方便日后查阅。每对配色还会给出颜色名称、hex 码、rgb 值、CSS 代码和 WCAG 无障碍评级。

适合谁、什么场景用

• 需要快速找到配色灵感、又不想每次从零开始的设计师。
• 有明确色彩方向时，用搜索按色相或 hex 值精确定位。
• 做网页或界面设计时，直接取用 CSS 代码和 WCAG 评级，省去手动换算和对比度检查。

怎么开始

进入网站后先挑选一批你喜欢的颜色来训练算法，之后就可以生成、搜索并保存配色。网站还运营 Instagram 账号 @khromacolors，由 Lucie Bajgart 策划并展示相关作品，可作为额外灵感来源。

如果想找类似的配色工具做对比，可以看看 Coolors（以快速生成和浏览调色板见长）或 Color Hunt（以人工精选的流行四色搭配为主）。Khroma 的侧重点在于“按你的偏好训练”而非单纯浏览现成色板。

如何训练Khroma的AI算法来生成我喜欢的配色?

在 Khroma 里“训练”算法其实就是选色：你挑出自己喜欢的颜色，系统据此调整神经网络的偏好，之后生成的配色会越来越贴近你的口味。

具体操作

• 进入训练/选色流程，从展示的颜色中不断选出你喜欢的那些；遇到不喜欢的颜色可以跳过或标记为不喜欢，算法会把它排除在推荐之外。
• 选择过程不需要一次做完，边用边选即可，选得越多，生成结果越贴合你的偏好。
• 训练完成后，生成的配色可以按排版、渐变、色板或自定义图片等不同形式预览。

训练之后能做什么

• 用色相、色调、明度、颜色名，以及 hex、rgb 值来搜索和筛选生成结果。
• 把喜欢的组合保存进个人收藏库，数量不限。
• 每个配色对会给出颜色名称、hex 值、rgb 值、CSS 代码和 WCAG 无障碍对比度评级，方便直接用于项目。

适合谁、什么时候用

• 设计师在需要快速找到符合自己审美的配色方案时，可以先用几分钟完成一轮选色训练，再让工具持续产出候选组合。
• 已有明确色相或品牌色方向时，直接配合搜索筛选比反复重新训练更高效。

选择建议 如果你只是偶尔找配色，可以先跳过训练，直接用搜索和筛选；如果你有稳定的个人风格、希望工具长期“懂你”，就值得花几分钟认真做一轮选色训练。训练是持续性的：后续每次遇到不喜欢的推荐，继续反馈，结果会逐步收敛到你的偏好。

Khroma生成的配色可以按哪些条件搜索和筛选?

Khroma 的搜索可以按颜色属性、具体颜色值和色值代码来筛选生成结果。

可用的筛选条件：

• 色相（hue）
• 色调/明暗（tint）
• 明度（value）
• 颜色（color）
• HEX 色值
• RGB 色值

使用方式： 在生成器里输入或选择上述条件，就能在 AI 生成的无限配色组合中缩小范围，找到接近你想要的那一组。

对设计师的实际意义：

• 已有品牌色或参考色时，直接用 HEX/RGB 反查相近配色。
• 只确定大致方向（比如“偏暖的浅色调”）时，用色相、色调、明度来筛。
• 找到满意的组合后，可保存进自己的收藏库，并查看每对颜色的名称、HEX、RGB、CSS 代码和 WCAG 无障碍评级。

如果你习惯用其他配色工具，可以对照使用：Coolors 更偏快速生成与调色板浏览，Color Hunt 以人工精选的流行四色组合为主；Khroma 的差异点在于先训练个人偏好，再在这个范围内按上述条件搜索。

在Khroma中如何查看配色的色名、HEX、RGB和CSS代码?

在 Khroma 里，色名、HEX、RGB、CSS 代码和 WCAG 对比度评级是打包出现在同一处的：把你喜欢的配色组合保存进个人收藏（collection）后，打开该组合即可看到每一种颜色对应的这些信息。

具体操作路径：

• 先用生成器挑出满意的组合，点保存，把它加入你的收藏库。
• 进入收藏库打开这个组合，页面会列出每一组配对的色名、hexcodes、rgb 值、CSS 代码，以及 WCAG 无障碍评级。
• 收藏库数量没有上限，可以按项目或按风格长期积累，之后随时回来查代码。

需要注意：这些代码信息是随“已保存的组合”提供的，所以看到喜欢的配色时先保存，再去收藏里取代码，比在生成页面里临时找更直接。

如果你只是想要某个色值而不打算长期收藏，也可以配合搜索功能按色相、色调、明度、颜色以及 hex、rgb 值筛选生成结果，先缩小范围再决定保存哪一组。

Khroma的WCAG可访问性评分对配色选择有什么参考价值?

Khroma 会给每一对配色标出 WCAG 可访问性评分，这个分数的作用是：在你决定“这组颜色好不好看”之外，直接告诉你“这组颜色能不能用”。

评分看的是什么

它针对的是一对颜色（通常是文字色与背景色）的对比度，对应 WCAG 的对比度要求。资料中明确写到，每个配色对都会给出 WCAG 可访问性评分，同时附上颜色名称、hex、rgb、CSS 代码。

对配色选择的实际价值

• 快速排除不可读的组合：评分低意味着文字和背景太接近，正文、按钮文字、表单提示这类内容会难以辨认。
• 区分用途：同一组品牌色，用作大面积色块可能没问题，但用作正文文字就需要更高的对比度。评分帮你判断这组颜色适合当背景装饰，还是适合承载文字。
• 避免只凭感觉选色：AI 生成的配色往往好看但对比度不足，评分是一个客观门槛，能在保存进收藏库前就筛掉一部分。

使用建议

在 Khroma 里生成或搜索到喜欢的组合后，先看评分再决定用途：评分达标的可以放心用于文字与界面元素；评分偏低的，保留为插图、渐变或装饰色，不要用来放正文。需要交付给开发时，直接复制它给出的 CSS 代码和 hex 值，能减少来回核对。

和其他工具的分工

Khroma 的强项是按你的偏好生成和筛选配色，WCAG 评分是内嵌的辅助信息。如果你要做完整的无障碍审计（比如整站对比度检查、焦点状态、非文本对比度），还需要专门的检测工具配合，例如 WebAIM 的对比度检查器。两者关系是：Khroma 负责选色阶段就规避风险，专门工具负责上线前的全面核验。

Khroma的收藏功能可以保存多少组配色?

Khroma 的收藏功能可以保存无限组配色。官网明确写着“Create an unlimited library of your favorite combos to reference later”，也就是不设数量上限。

保存后能拿到什么

每组收藏的配色都能查看：

• 颜色名称、hex 码、RGB 值
• CSS 代码
• 每对颜色的 WCAG 无障碍对比度评级

适合谁用

如果你在做品牌、UI 或插画，需要长期积累“顺手好用”的配色库，这个无限收藏就很实用。例如需要为多个项目分别沉淀色板时，可以按项目把喜欢的组合都存进去，之后直接调取 hex、CSS 和无障碍评级，省去重新调色的时间。

和同类工具的区别

像 Coolors 这类配色工具也提供收藏，但 Khroma 的收藏是建立在 AI 先学习你个人偏好、再生成配色的流程上，所以保存下来的组合更贴近你自己的审美，而不是从公共热门色板里挑。