“网站主色用什么？”很多客户第一反应是“蓝色，显得专业”，或者“大红，喜庆”。网页设计制作的配色不是挑个好看的颜色，而是从企业已有的视觉资产出发，搭一套有主次、有纪律的色彩系统。今天从 Logo 聊起，把主色、辅色、点缀色的账算清楚。
主色从哪来
最稳妥的来源是 Logo。你的名片、门头、画册已经用这个颜色好几年，网站主色延续它，品牌印象才连贯。取色时别直接吸 Logo 原色，大面积使用时往往要调浅或调深一档——原色饱和度太高，整屏铺开刺眼。如果 Logo 本身是黑色或灰色的，那反而自由，挑一个和行业气质匹配的色做主色：金融深蓝、医疗青绿、食品暖橙，方向不会错。定了主色，顺手把它的深浅梯度定出来，比如深中浅三档，悬停状态用浅一档，标题强调用深一档，别临时现调。色值定稿后用色板工具存档，别只存在设计师脑子里。
三七开配色法
经典的搭配比例是 60、30、10：六成中性色，白、浅灰打底，占页面绝大部分；三成主色，用在导航、按钮、标题这些关键位置；一成点缀色，留给最重要的行动按钮和促销信息。很多页面难看，是因为主色用了六成，满屏蓝汪汪的，反而稀释了重点。还有一组容易被忽略的状态色：成功提示的绿、警告的黄、错误的红，这些有约定俗成的含义，别为了统一风格把错误提示做成蓝色。网页设计制作的整站色彩控制在主色加两个辅助色以内，再多就该做减法了。
按钮颜色是最值钱的一格
询盘按钮、购买按钮用什么色，值得单独纠结。原则是和背景拉开差距、和周围主色区隔开——满页蓝色里放一个橙色按钮，视线会自己找过去。定稿前做个对比度检查，文字和底色的对比度过低，老花眼的访客直接读不了，这类问题工具一测便知。
深色模式要不要跟
现在还有个新问题：深色模式做不做。系统级深色模式普及后，部分设备会自动把网页转成暗色，效果时常翻车——图片发灰、按钮变色。预算有限的做法是先声明页面只用浅色模式，避免系统乱改；预算充足的可以做一套暗色变量，主色微调亮度，图片加个轻度蒙版。做不做都行，但要有意识地决定，别把显示效果交给系统随机发挥。
两句实在建议：把配色写进一份简短的品牌规范，主色色值、按钮色值、状态色值各一行，交给任何建站方都不走样；没有设计资源的公司，可以参考比格网络的做法——先看 Logo 和行业再定色，一稿就把色彩系统立住。
