需先完成50组双色偏好训练激活模型,再上传品牌图提取主色锚点,结合文本提示调用语义数据库生成配色,通过figma插件同步至设计流程,最后导出含无障碍报告的多格式色卡。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜

如果您希望借助KhromaAI为品牌定制专属色板,但尚未掌握其核心操作逻辑,则可能是由于未完成偏好训练或未匹配品牌语境与生成模式。以下是实现精准品牌色板输出的步骤:
一、启动偏好训练并构建基础色库
KhromaAI的品牌色板生成能力依赖于初始偏好建模,必须通过至少50组双色判断建立个体色彩向量空间,否则后续所有生成结果均为通用模板,无法体现品牌识别特征。
1、访问 https://www.khroma.co 并登录账户,点击首页中央的“Train Your Palette”按钮。
2、系统逐组展示两个相邻色相但明度/饱和度差异明显的配色卡片,对每组必须明确点击❤️(喜欢)或➡️(跳过),不可跳过整组。
3、持续完成至少50组判断,界面右上角进度条显示“Memory Active”即表示基础模型已激活。
4、训练完成后,立即进入“Explore”页,此时所有生成方案将加权匹配您已标注的偏好语义。
二、上传品牌资产图像提取主色锚点
直接输入品牌现有视觉素材可强制AI锁定色相逻辑,避免生成偏离VI规范的衍生色,尤其适用于已有Logo、产品图或宣传物料的品牌升级场景。
1、在Khroma主界面切换至“Upload Image”模式,点击“Choose File”按钮。
2、选择一张高分辨率品牌主视觉图(如官网Banner、产品高清图或标准Logo白底图)。
3、等待AI在3秒内完成识别,页面自动标出主色(Dominant)、辅色(Accent)、中性色(Neutral)三类色块。
4、点击任意色块旁的“i”图标,查看WCAG对比度评级及HEX/RGB值,确认是否符合品牌手册明度要求。
三、使用文本提示精准触发语义化配色
当品牌具有明确调性关键词(如“可信”“轻盈”“权威”)时,文本指令可绕过视觉输入限制,直接调用Khroma内置的Pantone与Material Design语义映射数据库,生成符合行业认知的颜色组合。
1、在“Text Prompt”输入框中键入“沉稳深蓝为主色,搭配低饱和灰绿强调色,用于B2B企业官网,确保文字可读性AA级”。
2、提交后观察结果页是否显示主色、强调色、背景色、文字色四栏完整参数及右侧无障碍检测值。
3、若首版偏冷,追加微调指令:“+ 提升主色明度5% + 替换强调色为橄榄绿变体”后重新生成。
4、对满足条件的方案,点击右上角“Save to Favorites”,该方案将被标记为“深度偏好”并优先用于后续聚类。
四、在Figma中实时嵌入品牌色板
将Khroma生成的色板同步至设计工具工作流,可确保UI组件填充、文本样式、状态色等全部沿用同一套经过验证的品牌色系,杜绝人工复制导致的HEX偏差。
1、打开Figma,进入Community插件市场搜索并安装“Styler AI”插件。
2、选中当前画布中已有的品牌Logo图层,右键选择“Plugins → Styler AI → Generate Palette”。
3、插件自动分析该图层主色HSL值,弹出6种理论模式选项:单色系、互补色、分裂互补、三元组、矩形、正方形。
4、点击“Brand Consistency Mode”,系统将仅显示与您Khroma账户中已保存的3套最高频收藏色板匹配度超82%的方案。
五、导出多格式品牌色卡交付开发
品牌色板需同时满足设计师视觉校验、前端工程师代码集成、印刷厂CMYK转换三类需求,Khroma提供结构化导出能力,避免手动转换引入误差。
1、在Khroma“Favorites”页找到已保存的品牌方案,悬停于方案右上角点击“⋯”图标。
2、选择“Export as CSS Variables”,确认导出文件包含—primary、—accent、—bg、—text 四类自定义属性及对应HEX值。
3、勾选“Include Accessibility Report”,导出PDF附带每组颜色在白底/黑底下的AA/AAA级对比度实测数据。
4、点击“Generate Brand Guidelines PDF”,系统自动生成含色值表、使用规范示例、禁用场景说明的12页标准文档。










