Khroma

定义

Khroma是一款运行在浏览器中的人工智能配色工具，定位是为设计工作提供颜色组合的发现、检索与保存服务^[3]。与常见的固定色卡库不同，它把颜色偏好交由使用者自行训练，因此同一个工具在不同人手中会产出不同的结果^[1]。

该工具由设计师乔治·黑斯廷斯开发，其构思受到色彩设计工具 Color Claim 的启发；后者收录了托比亚斯·范施奈德整理的一百余组配色并以字体排版形式呈现^[4]。Khroma 全程在浏览器内运行，使用时不需安装客户端^[3]。

原理

Khroma的核心是一个神经网络算法。使用者需要从不断滚动的色块墙中挑选喜欢的颜色，这些颜色被用来训练网络，使其能够辨认出大量风格相近的其他颜色，也就是使用者的「色彩亲和度」；未被选中的颜色则被视为不喜欢，不会出现在生成结果里^[1]。训练过程依据使用者的机器在本地完成，所选颜色数据也保存在本地^[5]。

在个人偏好之外，算法还预先学习了互联网上流传的大量人工配色方案，以此判断什么样的组合视觉上成立^[6]。生成阶段会按颜色配对的美学契合度打分，筛除得分较低的选项，再输出排版、渐变、色板与图片套色等展示形式^[3]。

检索环节支持按色相、明暗、明度等感知属性筛选，也可以直接输入十六进制色值或 RGB 数值定位某一颜色^[3]。每一组配色都附有颜色名称与 WCAG 无障碍对比度评级，供使用者判断文字与背景的可读性^[2]。

发展历程

乔治·黑斯廷斯在构思阶段发现，当时缺少能快速浏览和比较原创配色组合的工具，于是着手开发 Khroma^[1]。他最初尝试用少于 50 种颜色来训练算法，但效果不理想，最终确定以 50 种颜色作为训练的基准数量，以保证生成结果足够多样和灵活^[1]。

该工具上线后长期以免费形式提供，未设使用限制，训练与生成都在浏览器中完成^[7][8]。中文设计社区在 2010 年代后期对其做过介绍，将其描述为一种能够通过分析使用者所选颜色来生成实用调色板的在线配色工具^[9]。

应用

Khroma 主要被用于需要成套用色的设计场景，包括网页设计、界面与用户体验设计、数字营销物料以及品牌视觉^[7]。使用者通常先据此确定主色、背景色与强调色两三组基础色，再在实际页面中连同标志和产品图一起检验效果^[4]。

生成结果提供多种查看方式：双色搭配可作标题与背景的排版演示，两色可组成渐变，四色调色板则区分两个主导色与两个辅助色，用于海报或印刷品。使用者还可以上传自己的图片，把生成的配色作为滤镜或色调套用到画面上^[9]。

每套配色可连同颜色名称、十六进制色值、RGB 数值与 CSS 代码一并保存，直接用于前端开发^[10]。使用者能建立不限数量的收藏库，便于后续项目复查调用^[6]。

局限

Khroma 的生成依赖使用者选出的那批颜色。如果初始选择集中在一个色系，结果也会随之偏窄；若某个颜色未被选中，它就不会出现在任何组合中，因此初始挑选的多样性直接决定输出范围^[1]。

训练与生成需要等待，有评测指出在颜色生成环节有时要耗至 15 分钟左右，原因在于过程中包含人工智能的训练步骤^[11]。

在功能控制上，该工具不支持锁定某一颜色后再求取其他颜色的变体，浏览方式主要靠不断滚动查找，缺少更精细的调控手段^[12]。其算法如何判定一组颜色搭配是否成立，官方说明较为笼统，仅表述为从互联网上大量流行的人工配色中学习而来，未公开具体机制^[12]。

参见

• 神经网络 —— Khroma 生成配色的算法基础。

• 色彩理论 —— 判断颜色组合是否协调所依据的知识体系。

• 调色板 —— 该工具输出的主要产品形式。

• WCAG —— Khroma 为每组配色给出对比度评级所依据的无障碍标准。

• 十六进制颜色码 —— 工具输出的可直接用于前端开发的颜色表示方式。