Khroma 是一个以机器学习为核心的配色生成网站。它的关键点不是“随机给你一堆颜色”，而是先让你通过喜欢/不喜欢的选择题训练模型，随后生成更符合你个人审美的配色组合。对需要长期做品牌视觉、活动海报、UI 组件规范的人来说，这种“越用越懂你”的方式非常省时间。
1) 品牌色探索：在保持主色调一致的前提下，快速找辅助色、强调色、背景色的搭配关系。
2) UI 设计：为按钮、标签、状态色（成功/警告/危险）找到更统一的色相与明度梯度。
3) 海报与电商：用成套配色统一 KV、详情页、社媒素材的视觉气质，避免“每张图都像不同店铺”。
4) 字体与配色：当你已确定字体风格（衬线/无衬线/复古/极简），用配色去强化气质，而不是让颜色拖后腿。
基于偏好的个性化推荐：初次使用会让你在两组配色里做选择，几分钟就能形成你的色彩偏好画像。
多种展示方式：色板不只是方块，还会以渐变、排版卡片、图片覆盖等形式展示，便于你想象落地效果。
可直接拿到色值：你可以快速复制 Hex/RGB 等色值，在 Figma/Sketch/PS/AI 里立刻使用。
收藏与筛选：把满意的方案收藏下来，再按色相、对比度、明度去筛选，逐步沉淀自己的配色库。
第 1 步：进入网站后完成训练。不要纠结“专业不专业”，只按第一眼喜好选，模型会更贴近你的真实审美。
第 2 步：训练完成后，先用你常做的项目类型去筛选。例如做 UI 就优先挑对比度清晰、可读性高的组合；做海报就可以选择更大胆的撞色或渐变。
第 3 步：把色板落到设计系统里。建议至少固定三层：主色（Brand Primary）/ 辅助色（Secondary）/ 强调色（Accent），再补一套灰阶用于文字与分割线。
第 4 步：做一张“试验画板”。把按钮、卡片、标题、正文、背景块都放进去，确保在不同字号与字重下仍然清晰。
技巧 1：先定明度层级，再定色相。很多配色翻车不是颜色不好看，而是明度太接近导致信息层级不清晰。你可以先规划：背景 95% 明度、卡片 98%、分割线 90%、正文 20% 明度，再去选具体色相。
技巧 2：同一套色板做“安全的变体”。比如主色不变，只替换强调色，就能快速产出 A/B 两套方案用于投放测试，视觉仍保持统一。
技巧 3：为字体挑“对的对比度”。衬线标题通常需要更稳的对比（深色字 + 浅色底），而无衬线可以稍微大胆。不要只看色块好不好看，要看文字上屏是否耐读。
技巧 4：把颜色命名成语义。不要叫“Blue-500”，更建议叫“Primary / Primary-Hover / Surface / Text-Primary”。这样你的组件库在多人协作时不会失控。
1) 如果你做的是可访问性要求高的产品（例如金融/政务/教育），请额外检查文本与背景的对比度（WCAG 相关指标），避免因为好看而牺牲可读性。
2) 真实项目里建议把颜色放到真实素材上验证：图片、插画、人物肤色、商品图都会影响你对颜色的感知。
3) 配色不是越多越好。多数情况下 1 个主色 + 1 个强调色 + 1 套灰阶，已经足够支撑一个完整的视觉系统。
Khroma：https://www.khroma.co/
建议把你常用的设计软件（Figma/Sketch/Adobe 系列）一起打开，用复制色值的方式把色板立即落到画板里，效率会明显提升。
