"我们品牌色是蓝色，整站都用蓝。"——这是拓冰接需求时最常听到的一句话，也是品牌色被滥用最常见的开局。品牌色确实重要，它是用户记住品牌的第一视觉符号，但把品牌色铺满全站只会带来疲劳与廉价感。真正专业的品牌色运用，是从色彩心理出发，落到一套可执行的色板规范上。本文拆解五个层面，讲清楚企业官网的品牌色到底该怎么用。

品牌色不是"选个喜欢的颜色"

选品牌色，起点不是审美偏好，而是品牌定位与目标人群。金融、医疗类企业偏好蓝绿，传递稳健与信任；餐饮、快消偏爱暖橙暖红，激发食欲与冲动；科技品牌常用深蓝配紫，强调前沿感。色彩心理有跨文化共性，也有行业约定俗成。脱离行业语境去追求"独特"，往往让用户第一眼就读不懂你是做什么的。拓冰建议企业定品牌色前，先回答三个问题：我们要传递什么情绪？目标用户对这种情绪敏感吗？同行都在用什么颜色，我们要靠拢还是区隔？

主色、辅色、强调色的分工

一个成熟的网站配色系统至少包含三类角色，绝不是一种颜色打天下。

• 主色：承载品牌识别，出现在Logo、关键按钮、重要标题装饰，全站占比控制在10%-15%
• 辅色：与主色同色系或邻近色，用于次级元素、卡片背景、图表配色，占比20%-30%
• 强调色：通常是与主色对比的互补色，只用于需要用户立即注意的转化入口，占比不超过5%

这种分配的逻辑是"稀缺即重要"。主色出现频率适中才能保持识别度，强调色极度克制才能在需要时立刻抓住眼球。一旦强调色滥用，转化入口反而会被淹没。

落地规范：色板、使用比例、可访问性

品牌色定下来后，必须沉淀成色板规范，否则每个页面都会出现"差一个色号"的灾难。规范要包含：主辅强调色的HEX/RGB/HSL三套数值、每种颜色的使用场景说明、明暗变体（如主色Hover态、禁用态、浅色背景态）、以及文字与背景的对比度要求。可访问性方面，正文文字与背景对比度需达到WCAG AA标准4.5:1，大号文字3:1，这是合规底线也是阅读体验底线。

暗色模式与多端一致性

暗色模式已经不是加分项，而是标配。但暗色模式绝不是把白底换成黑底、把主色直接搬过来那么简单。直接搬过来往往会出现主色在深色背景上发闷、对比度不足、甚至产生光晕的问题。规范的做法是为暗色模式单独定义一套色值：主色适当提亮饱和度，辅色降低明度，强调色保持识别度。同时要保证PC、移动端、小程序、邮件模板的色彩一致，这就要求色板以变量形式管理，而不是每个端各自硬编码。

常见误区

最后聊聊几个高频翻车场景。其一是品牌色当背景大块使用，导致整片区域压迫感过强，文字也难读；其二是品牌色与品牌色叠加（主色按钮放在主色卡片上），层次全无；其三是没有定义变体，遇到Hover、禁用、选中态就临时调色，全站色值越积越乱。规避方法其实很简单：把色板规范写成文档，所有页面严格从规范取色，任何"特殊情况下加一种颜色"的决定都要回归规范评审。颜色这件事，越克制越高级。