码上飞AI可将品牌色谱直接转化为开发指令，支持上传色卡或手动输入HEX值并校验对比度，需在需求描述中绑定色彩语义，生成后通过「配色溯源」核对并锁定色系。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让新做的App一眼就透出品牌调性，不是靠后期手动改几十个按钮颜色，而是从生成第一行代码起，就把主色、辅助色、文字灰度这些视觉基因刻进系统里——码上飞AI能直接把你的品牌色谱变成开发指令，无需设计师切图、程序员硬编码。
上传品牌色卡或输入色值
进入码上飞CodeFlying平台，在新建项目页面找到「品牌资产」模块，点击「添加品牌色」。
方法一：直接拖入PNG/JPG格式的标准色卡图（含至少3种主色区块，每区块需清晰标注Pantone编号或HEX值，【若色块边缘模糊或未标注编号，AI将无法识别色系逻辑，可能随机匹配相近色】）。
方法二：手动输入主色HEX值（如#2A5CAA），再点「+ 添加辅助色」逐个填入二级色、中性色、错误提示色等——系统会自动校验对比度是否满足WCAG 2.1 AA标准。
在需求描述中绑定色彩语义
在输入应用需求的文本框里，不要只写“做个登录页”，必须加入色彩角色定义。例如：“首页顶部导航栏使用品牌主色#2A5CAA，按钮默认态用#2A5CAA，悬停态加深至#1E4A8A，禁用态改为#B0BEC5；所有正文文字用#333333，次要说明文字用#777777”。
这一步不能省略。码上飞的AI引擎会把每个色值与UI组件类型强关联，如果只写“用蓝色”，它会从内置色库中随机选一个蓝，大概率不是你VI手册里的那个蓝。
确认配色方案并锁定应用
提交需求后，AI生成预览界面时，右上角会出现「配色溯源」浮层按钮，点击可查看当前页面每个色块对应的品牌色名称及原始HEX值。
第一步：核对关键组件（如品牌Logo背景、主操作按钮、状态标签）是否准确映射到你上传的色值；
第二步：若发现某处颜色偏差（比如“成功提示”本该用#4CAF50却显示为#66BB6A），立即在对话框输入“将所有成功状态色统一改为#4CAF50”，AI会实时重绘全量相关组件；
第三步：确认无误后，点击「锁定品牌色系」开关——此后所有新增页面、弹窗、后台管理界面都将继承该套色值，且不可被后续任意修改覆盖。
