Khroma:AI 驱动的个性化色彩工具,为设计师无限生成专属调色板
核心摘要(Key Takeaways)
- Khroma 是什么:Khroma 是一款基于神经网络的 AI 色彩工具,通过学习你的颜色偏好,无限生成个性化调色板。
- 核心机制:用户首次使用时需选择 50 种偏好颜色,系统据此训练专属算法模型,从互联网数千个流行人工调色板中学习,生成符合你审美的高协调性色彩组合。
- 适用人群:主要面向平面设计师、UI/UX 设计师、品牌设计师及任何需要快速获取配色灵感的创意工作者。
- 关键数据:项目自 2017 年启动,为自举式运营(未公开融资);目前尚无公开定价信息,核心功能免费使用;官方 Instagram 账号 @khromacolors 拥有约 2.1 万关注者。
- 官网入口:https://www.khroma.co
一、Khroma 是什么

Khroma 是一个 AI 驱动的在线色彩工具,其核心功能是基于机器学习算法,学习用户对颜色的个人偏好,并自动生成无限数量的协调调色板。它由独立开发者 George Hastings 创建,自 2017 年启动以来,一直致力于解决设计师在配色过程中耗时费力、缺乏个性化灵感的痛点。与传统配色工具不同,Khroma 不是简单地提供通用色板库,而是为每位用户训练一个专属神经网络模型,使生成的色彩组合高度贴合个人审美风格。
关键定义:Khroma 是一款基于神经网络的个性化色彩生成平台,它能通过用户初始选择的 50 种颜色训练专属算法,进而从海量人工调色板中学习规律,无限输出用户偏爱的协调色彩组合。
二、主要功能和特点
Khroma 提供了一套从训练、生成到搜索、收藏、导出的完整配色工作流,其功能设计紧密围绕设计师的真实需求。
1. 个性化算法训练
这是 Khroma 区别于其他配色工具的最核心特征。新用户首次使用时,系统会展示一个无限滚动的色块墙,用户需要从中选择 50 种自己喜欢的颜色。这个过程大约需要 5-10 分钟,但非常关键——如果你从不选择某种颜色(比如浅紫色),算法就不会在后续推荐中生成包含该颜色的组合。
操作提示:官方建议尽量选择多种色相、明度和饱和度的颜色,以确保算法能够生成足够丰富的配色变化。你随时可以编辑已选颜色并重新训练模型。
2. 无限组合输出与多场景预览
Khroma 的神经网络已经从互联网上数千个最受欢迎的人工调色板中学习过配色规律。训练完成后,它会生成无限的色彩配对组合,并提供四种预览模式:
- 排版处理(Type Treatment):展示配色在文字排版中的实际效果,提供适合可访问性要求的精致组合。
- 海报处理(Poster Treatment):大胆醒目的色彩搭配,适合需要强视觉冲击力的设计场景。
- 图像处理(Image Treatment):展示色彩如何增强和补充摄影作品。
- 渐变处理(Gradient Treatment):无缝自然的色彩过渡效果。
3. 强大的搜索与过滤功能
当你心中有大致方向时,可以通过搜索栏按多种属性过滤生成结果。支持的搜索维度包括:
- 色相(Hue)、色调(Tint)、明度(Value)
- 颜色名称(如“blue”“coral”)
- HEX 代码和 RGB 值
搜索时,输入一个参数后,系统会将其匹配到第一个颜色槽,第二个颜色仍然保持随机,从而在精准与灵感的平衡中不断输出新组合。
4. 收藏管理与数据导出
你可以无限收藏自己喜欢的色彩组合,为每个配色获取以下详细信息:
- 颜色名称
- HEX 代码、RGB 值、CSS 代码
- WCAG 可访问性评级:每个配色对都会标注其对比度是否通过无障碍标准,这对 UI/UX 设计师至关重要。
数据默认保存在浏览器的 LocalStorage 中。官方提示用户可以下载/转移数据,但需要注意:数据仅限当前浏览器和设备访问,更换设备或清除浏览器缓存可能导致数据丢失(这是 Beta 阶段的已知限制)。
5. “偏好偏差”调节
每个颜色生成结果都经过算法评估,系统会给出一个百分比,表示算法认为你会喜欢该颜色的可能性。界面上方显示两个百分比调节器(初始值为 50),你可以调整偏差级别——偏差值越低,结果越多样但精准度下降;偏差值越高,结果越精确但多样性减少。这给了用户灵活控制“精准–探索”平衡的能力。
三、如何使用 Khroma / 操作步骤
使用 Khroma 完全在浏览器中完成,无需下载安装任何软件。
步骤一:访问官网与开始训练
- 打开 https://www.khroma.co
- 点击页面上的 “Generate” 或 “Get started” 按钮。
- 系统跳转至训练页面(https://www.khroma.co/train),你会看到一个无限滚动的色块网格。
步骤二:选择 50 种偏好颜色
- 浏览色块,点击选择至少 50 种你喜欢的颜色。官方强调必须选满 50 个,因为数量不足可能导致算法误以为你不喜欢某些其实只是没选到的颜色。
- 尽量覆盖不同的色相、明度和饱和度,以拓宽生成结果的范围。
- 选满 50 个后,点击 “Start Training”,算法开始训练你的个性化模型。
步骤三:浏览与搜索生成的配色
- 训练完成后,页面展示无限生成的色彩配对结果。默认以双色方块网格呈现。
- 使用顶部分类标签切换 Typography、Poster、Image、Gradient 预览模式。
- 使用搜索栏输入色相、颜色名称或 HEX/RGB 值来过滤结果。
步骤四:收藏与导出
- 点击心仪的组合,将其保存到个人收藏库。
- 在收藏界面查看每个颜色的名称、HEX、RGB、CSS 代码及 WCAG 评级,按需复制使用。
步骤五:调整偏好与重新训练
- 如果对生成结果不满意,可以返回编辑已选颜色,或调整偏差百分比后重新训练。整个过程可反复迭代。
四、官网地址和入口
- 唯一官方网站:https://www.khroma.co
- 训练入口:https://www.khroma.co/train
- 官方 Instagram:@khromacolors(由 Lucie Bajgart 策展,约 21K 关注者,970+ 篇帖子,可作为灵感参考)
注意:Khroma 是一个纯网页工具,没有桌面客户端或移动 App。所有数据存储在浏览器本地,跨设备使用需要手动转移数据。
五、价格与适用平台
| 维度 | 详情 |
|---|---|
| 价格 | 目前核心功能免费使用,官方未公开任何定价计划或收费模式。 |
| 营收模式 | 不明确。项目为自举式(bootstrapped),截至目前在公开投资数据库中无任何融资记录。 |
| 创始团队 | 由 George Hastings 独立开发。未公开披露团队规模、组织架构或创始人详细信息。 |
| 平台兼容性 | 基于 Web 运行,支持所有现代浏览器(Chrome、Firefox、Safari、Edge)。数据存储在 LocalStorage,无云同步。 |
| 适合人群 | 平面设计师、UI/UX 设计师、品牌视觉设计师、创意工作者及任何需要个性化配色的用户。 |
六、竞品对比
Khroma 的核心区别度在于“个性化算法训练”,它不与 Adobe Color、Coolors 等工具直接在同一赛道上竞争,而是提供了一种独特的“AI 学习你”的体验。以下是主要竞品概览:
| 对比维度 | Khroma | Adobe Color | Coolors | Paletton |
|---|---|---|---|---|
| 核心机制 | 神经网络学习用户偏好,无限生成专属配色 | 色轮规则生成配色(互补、类比、三角等) | 快速随机生成调色板,可锁定颜色迭代 | 基于色环理论生成专业配色方案 |
| 个性化程度 | 极高(每人训练独立模型) | 低(通用规则) | 低(随机+手动调节) | 低(规则驱动) |
| 输出形式 | 双色配对→排版/海报/图像/渐变预览 | 五色调色板 | 五色调色板 | 多色调色板 |
| 可访问性检查 | ✅ 内置 WCAG 评级 | ✅ 对比度检查器 | ❌ 默认无 | ❌ 默认无 |
| 导出格式 | HEX、RGB、CSS 代码(手动复制) | ASE、CSS、SASS、XML 等 | PNG、SVG、PDF、URL 分享 | URL 分享 |
| 价格 | 免费(无明确定价信息) | 免费(Adobe CC 订阅者享更多功能) | 免费基础版 / Pro 版付费 | 免费 |
| 数据存储 | 浏览器 LocalStorage(本地) | 云端(需 Adobe 账号) | 云端(需注册) | 本地/URL |
| 更新频率 | 低频(独立开发,Beta 阶段) | 频繁(Adobe 持续更新) | 中等 | 低频 |
选择建议:
- 如果你想要一个“懂你审美”的 AI 配色伴侣,并愿意投入 5-10 分钟训练模型,Khroma 是独特的选择。
- 如果你需要快速、规则驱动的调色板并与 Adobe 生态深度集成,Adobe Color 更为合适。
- 如果你偏好极速随机生成和简单锁定迭代,Coolors 的体验更流畅。
七、典型应用场景
场景一:品牌视觉探索
品牌设计师在项目初期需要大量配色灵感时,可以先训练 Khroma 模型,然后通过搜索特定色相或色调生成数十种备用方案,大幅缩短从“空画布”到“候选配色”的时间。据 Color Culture Design Company 的 Christopher Hrynczyszyn(拥有 19 年设计与软件开发经验)体验,Khroma 在品牌配色探索中表现出色,其输出的变化性超越了简单的调色板呈现方式(详见其博文 Unlocking Creativity: Leveraging AI for Color Exploration with Khroma)。
场景二:UI/UX 界面设计
UI 设计师可在组件级配色阶段使用 Khroma。由于每个配色对都附带 WCAG 可访问性评级,设计者可以快速筛选出同时满足“审美偏好”与“对比度合规”的配色方案,用于按钮、卡片、导航栏等元素的配色决策。
场景三:内容创作与社交媒体视觉
社交媒体运营者和内容创作者可以利用 Khroma 的 Image Treatment 和 Gradient Treatment 预览模式,为帖子配图、信息图表、海报等快速定调,保持视觉风格一致。
八、最近 3-6 个月的关键动态
根据现有公开信息,截至 2026 年 1 月:
- 项目状态:Khroma 仍处于 Beta 测试阶段,所有数据依赖浏览器 LocalStorage 存储,官网上注明了这一限制。
- 社交媒体活跃度:Instagram 账号 @khromacolors 保持更新,截至目前发布了 970+ 篇帖子,拥有约 2.1 万粉丝,内容由策展人 Lucie Bajgart 精选管理。
- 融资与团队:无任何公开融资或团队扩张信息,项目保持极低的操作透明度。
- 竞争格局:AI 配色工具领域的竞争者数量在增加,但 Khroma 凭借其独特的“训练个人模型”定位,保持着差异化优势。
注意:如果您在使用搜索结果时遇到关于名为“Khroma”的乐队(芬兰电子金属乐团)或卡戴珊家族已停产的 Khroma Beauty 美妆产品线,请注意区分——这些都是不相关的同名实体。本文仅讨论位于 khroma.co 的 AI 色彩工具。
九、FAQ
Q1: Khroma 的官网地址是什么?
A: 官网地址是 https://www.khroma.co。训练页入口为 https://www.khroma.co/train。
Q2: Khroma 是否免费?有定价计划吗?
A: 目前核心功能全部免费。官方未披露任何定价计划或收费模式,项目为自举运营状态。
Q3: Khroma 适合谁使用?
A: 主要适合平面设计师、UI/UX 设计师、品牌设计师和任何需要快速获得个性化配色灵感的创意工作者。对色彩理论掌握不深的新手也同样适用,因为算法会主动学习你的偏好。
Q4: 如何开始使用 Khroma?需要安装吗?
A: 无需安装。直接打开官网,点击“Generate”或“Get started”,花 5-10 分钟选择 50 种喜欢的颜色来训练你的专属算法,即可开始使用。
Q5: Khroma 和 Adobe Color、Coolors 等工具有什么区别?
A: 最大区别在于 Khroma 会为每位用户训练一个神经网络模型,生成贴合个人审美偏好的配色——而 Adobe Color 和 Coolors 主要基于通用规则或随机生成。此外,Khroma 内置 WCAG 可访问性评级,对 UI 设计更加友好。
参考文章或数据来源
- Khroma: Details, Reviews, Pricing, & Features
- What is Khroma?
- Khroma - AI Color Tool for Designers - Fountn
- AI for Color Exploration — Color Culture Design Company
- Khroma - AI Color Tool for Designers | Discover and Save Color Palettes
- How Khroma Uses Machine Learning to Create Endless Color Palettes
- Khroma - The AI color tool for designers (训练页)
- Khroma - Color Inspiration (@khromacolors) - Instagram