色彩搭配的第一步是明确核心基调避免盲目堆砌

先定基调从品牌与行业属性出发色彩搭配，第一步是明确核心基调避免盲目堆砌，基调由品牌基因和行业特性共同决定，绑定品牌

核心色提取品牌资产从Logo系统中提取1-2个核心色，品牌识别的视觉锚点需在官网中占据60%-70%的视觉面积，导航栏主Banner

按钮延伸应用，若品牌色单一仅黑色可通过明度变化衍生出辅助色，如深灰、浅灰、保持一致性的同时增加层次。

契合行业属性不同行业有约定俗成的色彩联想，可降低用户认知成本/科技/制造/金融/蓝色/专业、可靠灰色严谨如设备配件官网用

深蓝色传递低温精密的行业特性。

专业的色彩系统不需要太多颜色核心，是1主+1辅+1-2中性色 的组合，既和谐又有足够层次，主色品牌的视觉代言人占比60%

大面积应用于背景、标题主要区块选择原则符合品牌性格，年轻品牌用高饱和色，传统企业用低饱和色，且在屏幕上显示稳定避免

过于鲜艳导致视觉疲劳，如：一家工业阀门企业以深蓝色#0F52BA为主色，应用于导航栏Banner背景和核心按钮，强化专业可靠的

认知，辅助色强化重点与互动占比30%用于强调区分和引导交互。

功能突出CTA按钮立即咨询用橙色，与主色形成对比区分信息层级，成功提示用绿色警告用红色，点缀视觉细节、如图标、标签、

分割线搭配技巧与主色形成和谐对比，邻近色色轮上相邻30°内如蓝+青，适合传递统一感避免冲突对比色色轮上相隔120°-180°，

如蓝+橙适合制造焦点提升活跃度。

中性色确保内容可读性占比10%文字、背景边框等基础元素组成，背景色白色浅灰#F5F7FA保证内容清晰，文字色深灰#333、中灰

#666、浅灰#999按重要性区分、主文深灰辅助文字浅灰，边框/分割线浅灰弱化存在感，仅起分隔作用注意避免纯黑#000

文字，改用深灰减少视觉压迫感。

实战技巧让色彩服务于体验控制饱和度，平衡视觉舒适度主色饱和度建议50%-70%，过高易刺眼过低显沉闷，辅助色可适当提高饱

和度，按钮色比主色高10%-20%增强吸引力，背景色饱和度≤10%接近无色避免干扰内容阅读，用明度区分层级比颜色更直观，同

色系内通过明度变化区分模块优先级，比换色更和谐重要区块如核心产品，主色高明度次要区块相关推荐主色，低明度在蓝色系官网中，用浅蓝背景突出主推产品，深蓝背景展示次要信息，形成自然的视觉引导。

建立色彩功能库避免混乱提前定义每种颜色的使用场景，形成团队共识，主色导航栏Banner大标题品牌标识， 辅助色按钮重点标

签数据高亮，中性色页面背景边框  功能色成功错误状态提示考虑不同设备与状态，响应式适配确保在手机、平板上色彩显示一致

避免某些设备偏色等。