Khroma
Khroma官网网页版入口是：www.khroma.co
Khroma是一款由人工智能驱动的在线配色工具，它的核心用途是通过学习用户的颜色偏好，无限生成符合个人审美的配色方案。不同于随机生成或基于固定规则的工具，Khroma采用神经网络算法，根据你选择的50个初始颜色，训练出一个“懂你”的配色模型，然后源源不断地为你创造和谐、个性化的色彩组合。它解决了传统配色工具“千人一面”、无法真正贴合个人或品牌风格的痛点，让每一次配色都精准命中你的审美。
快速了解Khroma
- 收费吗？
完全免费。无需付费即可使用所有核心功能，包括无限生成配色、搜索筛选、保存收藏等。 - 有中文界面吗？
网站界面为英文，但操作非常简单直观，主要是点选颜色和浏览结果。本文提供完整中文指南。 - 需要注册或登录吗？
不需要。打开网站即可开始使用，配色历史会保存在浏览器本地。 - AI是如何学习的？
你需要从数百种颜色中选择50个你喜欢的颜色，Khroma的神经网络会分析这些颜色的规律，然后生成符合你偏好的配色方案。
Khroma核心功能
- 个性化AI训练：这是Khroma最核心的创新。你只需从色板中点击选择50个你喜欢的颜色，AI就会学习你的审美偏好，建立一个专属的配色生成模型，之后生成的所有配色都贴合你的个人风格。
- 无限配色组合：基于训练好的模型，Khroma可以无限生成配色方案，每个方案包含两种或多种颜色的组合，并自动展示在实际设计场景中的效果。
- 多种预览模式：生成的配色方案可以通过四种模式预览：
- Typography（排版）：在文字示例中查看颜色搭配效果
- Gradient（渐变）：以渐变形式展示颜色过渡
- Palette（色板）：以纯色块阵列展示
- Custom Image（自定义图片）：将配色应用到你自己上传的图片上
- 智能搜索与筛选：如果你有特定的配色需求，可以通过搜索功能按色相(Hue)、明度(Value)、颜色名称、十六进制代码或RGB值进行精确筛选，快速找到目标配色。
- 收藏与信息查看：可以将喜欢的配色方案保存到收藏库，随时查阅。每个配色都提供：
- 颜色名称和十六进制代码
- CSS代码（可直接复制）
- WCAG对比度评分（评估文字可读性）
Khroma怎么用（详细步骤教程⭐）
- 打开官网：在浏览器地址栏输入
https://www.khroma.co/并访问。 - 训练AI（核心第一步）：
- 页面会展示一个包含数百种颜色的色板。
- 点击你喜欢的颜色，每个被选中的颜色会添加到底部。
- 你需要选择50个颜色，AI需要足够的数据来学习你的偏好。
- 小技巧：尽量选择多样化的颜色（不同色相、饱和度），AI能更准确地理解你的审美。
- 选满50个后，点击“生成”或类似按钮。
- 浏览AI生成的配色：
- AI训练完成后，页面会展示无限滚动的配色方案。
- 每个配色通常包含2-3个颜色，并直接展示在排版示例中（例如标题+正文）。
- 你可以无限滚动，每次都会看到新的配色组合。
- 切换预览模式：
- 在页面顶部或侧边，找到预览模式选项。
- 点击Typography：在文字示例中查看可读性。
- 点击Gradient：查看颜色作为渐变的效果。
- 点击Palette：查看纯色块阵列。
- 点击Custom Image：上传你自己的图片，查看配色应用到图片上的效果。
- 搜索特定配色：
- 使用搜索功能，可以按色相（如“红色”）、明度（如“亮色”）、或直接输入颜色代码（如“#3B82F6”）进行筛选。
- 搜索结果会实时显示匹配的配色方案。
- 保存与复制：
- 将鼠标悬停在喜欢的配色上，会出现保存按钮，点击即可收藏。
- 点击配色方案，会展开详细信息，包括：
- 每个颜色的名称和十六进制代码
- CSS代码（一键复制）
- WCAG对比度评分（绿色勾表示符合可读性标准）
- 收藏的配色可以在“Saved”或“Library”区域查看。
Khroma适合哪些人使用
- UI/UX设计师：需要为不同项目快速生成符合品牌调性的配色方案，Khroma的个性化AI可以精准匹配不同客户的审美偏好。
- 品牌/平面设计师：在品牌VI设计初期，可以通过Khroma快速探索多种风格方向，找到最适合品牌个性的色彩组合。
- 前端开发者：在没有专业设计师配合的个人项目中，Khroma可以帮助你生成一套视觉协调的配色，直接获取CSS代码使用。
- 独立创作者：无论是个人网站、博客、社交媒体配图还是视频封面，都可以通过Khroma快速获得符合你个人审美的配色。
- 设计初学者：通过选择自己喜欢的颜色并观察AI生成的配色，可以直观地学习色彩搭配规律，提升审美能力。
- 任何“颜色选择困难症”患者：如果你总是觉得配色不够满意，Khroma的AI会根据你的选择无限生成新方案，总有一款打动你。
Khroma优缺点与竞品对比
优点：
- AI个性化：这是Khroma最大的差异化优势，生成的配色贴合个人审美，而非通用方案。
- 无限生成：基于训练好的模型，可以无限探索新配色，灵感永不枯竭。
- 多种预览模式：不仅看色板，还能在文字、渐变、图片上预览效果，非常实用。
- WCAG对比度检查：内置可访问性评分，确保配色在文字阅读时清晰可用。
- 完全免费：无需付费，功能无限制。
缺点：
- 初期训练需50个颜色：需要花费几分钟手动选择50个颜色，对于追求“秒开即用”的用户可能略显繁琐。
- AI模型基于初始选择：如果初始选择的50个颜色风格过于单一，生成的配色也会局限在此风格内。
- 无法手动微调：生成配色后，不能像Coolors那样对单个颜色进行微调或锁定。
- 无导出功能：无法直接导出为CSS变量、SCSS文件或Figma插件格式（需手动复制代码）。
竞品对比：与 Coolors 对比
| 维度 | Khroma | Coolors |
|---|---|---|
| 核心机制 | AI学习个人偏好，无限生成 | 随机生成+手动微调锁定 |
| 个性化 | 极高（基于50个颜色训练） | 中等（可通过锁定调整） |
| 控制能力 | 弱（无法微调单个颜色） | 强（拖拽色标、锁定、微调） |
| 预览场景 | 文字、渐变、色板、图片 | 仅色板 |
| 学习成本 | 需选50个颜色训练 | 即开即用 |
选择建议：如果你清楚自己的审美偏好，希望AI为你源源不断生成符合口味的配色，Khroma是理想选择。如果你需要精确控制每个颜色，或经常从零开始随机探索，Coolors更合适。
相关阅读推荐
- Coolors – 强大的交互式配色生成器，支持手动微调和锁定，适合需要精细控制的场景。
- Huemint – 使用机器学习生成配色方案的创新工具，能根据品牌色智能生成辅助色。
- Realtime Colors – 在真实网页上实时预览配色和字体，适合UI设计验证。
总结
Khroma是一款真正“懂你”的智能配色工具。它的核心价值在于将AI技术与个人审美完美结合，通过50个颜色的训练，建立一个专属的配色模型，然后无限生成贴合你品味的色彩组合。它免费、智能、直观，是设计师、开发者、创作者的得力助手。如果你厌倦了在成千上万个随机色板中大海捞针，不妨让Khroma的AI学习你的喜好，成为你的专属配色设计师。现在就开始，选择你喜欢的50个颜色，开启无限灵感之旅！
