我是阿里云建站的北柯，这是我【建站指南】第16篇干货文章。
近些年来我一直在建站这个小圈子深耕，我负责或者参与过的网站不下百个，对国内国外的一些网站设计技巧了如指掌。下面这篇文章是我总结出的关于网站色彩搭配的精华所在，供大家参考，希望你在建站这条路上少走弯路。
网页的色彩是树立网站形象的关键要素之一，色彩搭配是令网页设计初学者感到头疼的问题之一。网页的背景、文字、图标、边框、链接等应该使用什么样的颜色，搭配什么样的色彩才能最好地展现出网站的内涵和主题？上篇介绍了网站色彩设计相关的内容，本篇介绍一些网页色彩搭配的原理。
一、网页色彩搭配原理
1.色彩的鲜明性
网页的色彩要鲜明，这样才容易引人注目。网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给访客留下深刻的印象。
图为阿里云建站为广州黑极蜂文化创意有限公司设计的网站
2.色彩的艺术性
网站设计也是一项艺术行为，因此必须遵循艺术规律。在综合考虑到网站本身特点的同时，应当按照内容决定形式的原则，大胆地进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。
不同的色彩会产生不同的联想：蓝色让人想到天空，黑色想到黑夜，红色想到喜事等，网站选择色彩要和网页的内涵相关联。
3.色彩的独特性
要有与众不同的色彩，使得访客对网站的印象强烈。
4.色彩搭配的合理性
网页设计虽然属于平面设计的范畴，但又与其他的平面设计不同。它在遵循艺术规律的同时，还应当考虑人的生理特点。色彩搭配一定要合理，色彩和表达的内容气氛相适合，能给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易给人造成视觉疲劳。
二、网页中色彩的搭配
色彩在我们的生活中是有丰富情感和含义的，在特定场合中，同一种色彩可以代表不同含义。色彩总的应用原则应该遵循“总体协调，局部对比”，即主页的整体色彩效果是和谐的，局部、小范围的地方可以有一些强烈色彩的对比。
色彩的运用上，可以根据主业内容的需要，分别采用不同的主色调。色彩具有象征性，例如，嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征春、夏、秋、冬。还有象征职业的标志色，如军警的橄榄绿、医疗卫生的白色等。
图为阿里云建站为东莞市芒果服饰有限公司设计的网站
色彩还具有明显的心理感觉，如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对色彩的喜好也存在较大差异。充分运用色彩的这些特性，可以使网页具有深刻的艺术内涵，从而提升网页的文化品位。
1.色彩的搭配
①相近色
色环中相邻的3种颜色。相近色的搭配给人的视觉效果很舒适、也很自然，因此相近色在网站设计中极为常用。
图为阿里云建站产品-云·企业官网首页配色
②互补色
色环中相对的两种色彩。对互补色调整一下补色的亮度，有的时候是一种很好的搭配。
图为阿里云建站为白立洁科技有限公司设计的网站
③暖色
暖色跟黑色调和可以达到很好的效果。暖色一般用于购物类网站、电子商务网站、儿童类网站等，用来体现商品的琳琅满目，儿童类网站的活泼、温馨等效果。
④冷色
冷色一般跟白色调和可以达到很好地效果。冷色一般应用于一些高科技、游戏类网站，主要表达严肃、稳重等效果，绿色、蓝色、蓝紫色等都属于冷色系列。
图为阿里云建站为美国BOBOT ROBOTICS机器人公司设计的网站
⑤色彩均衡
网站想让人看上去舒适、协调，除了文字、图片等内容的合理排版外，色彩均衡也是相当重要的一部分，比如一个网站不可能单一地运用一种颜色，所以色彩的均衡是设计者必须要考虑的问题。
色彩的均衡包括色彩的位置，每一种色彩所占的比例、面积等。例如，鲜艳明亮的色彩面积应当小一点，让人感觉舒适、不刺眼，这就是一种均衡的色彩搭配。
2.非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底、黑底白字都非常清晰明了。灰色是万能色，可以和任何色彩搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，那就用灰色试试，效果绝对不会太差。
三、网页元素的色彩搭配
为了让网页设计得更绚丽、更舒适，增强页面的可读性，必须合理、恰当地运用与搭配页面各元素间的色彩。
1.网页导航条
网页导航条是网站的指路方向标，访问者要在网页间跳转、要了解网站的结构、要查看网站的内容，都必须使用导航条。可以使用稍微具有跳跃性的色彩吸引浏览者的视线，使其感觉网站清晰明了、层次分明。
2.网页链接
一个网站不可能只有一页，所以文字和图片的链接是网站中不可缺少的部分。尤其是文字链接，因为链接要区别于文字，所以链接的颜色不能跟文字的颜色一样。要让访问者快速找到网站链接，设置独特的链接颜色是一种引导访问者点击链接的好方法。
3.网页文字
如果网站中使用了背景颜色，就必须要考虑到背景颜色的用色与前景文字的搭配问题。一般网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色，让人一目了然。
图为阿里云建站为永康市巽昂工贸有限公司设计的网站
4.网页标志
网页标志是宣传网站最重要的部分之一，所以这部分一定要在页面上突出、醒目。可以将Logo和Banner做得鲜亮一些，也就是说，在色彩方面要与网页的主题色分离开来。有时为了更突出，也可以使用与主题色相反的颜色。
四、网页色彩搭配的技巧
色彩的搭配是一门艺术，灵活运用它能让网页更具亲和力。要想制作出漂亮的网页，需要灵活地运用色彩加上自己的创意和技巧。以下是一些网页色彩搭配的常用技巧。
1.使用单色
尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和透明度，也可以产生变化，使网站避免单调，做到色彩统一有层次感。
图为阿里云建站为拉扎斯网络科技（上海）有限公司设计的网站
2.使用邻近色
所谓邻近色，就是在色带上相邻近的颜色，如绿色和蓝色、红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的色彩丰富、和谐统一。
3.使用对比色
对比色可以突出重点，产生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，一般以一种颜色为主色调，对比色作为点缀，这样可以起到画龙点睛的作用。
4.黑色的使用
黑色是一种特殊的颜色，如果使用恰当、设计合理，往往能产生很强的艺术效果。黑色一般用来作为背景色，与其他纯度的色彩搭配使用。
5.背景色的使用
背景的颜色不要太深，否则会显得过于厚重，这样会影响整个页面的显示效果。一般可采用素淡清雅的色彩，避免使用花纹复杂的图片和纯度很高的色彩作为背景色。同时，背景色要与文字的色彩对比强烈一些。但也有例外，如黑色的背景衬托亮丽的文本和图像，会给人一种另类的感觉。
6.色彩的数量
一般初学者在设计网页时往往会使用多种颜色，使网页变得很“花”，缺乏统一和协调，缺乏内在的美感，给人一种繁杂的感觉。事实上，网站用色并不是越多越好，一般应控制在四种色彩以内，然后可以通过调整色彩的各种属性来产生颜色的变化，保持整个网页的色调统一。
7.要和网站内容匹配
了解网站所要传达的信息和品牌，进而选择可以加强这些信息的颜色。如在设计一个强调稳健的金融机构时，就要选择冷色系、柔和的颜色，像蓝、灰或绿，如果使用暖色系或活泼的颜色，可能会破坏该网站的品牌调性。
8.围绕网页主题
色彩要能烘托出主题。根据主题确定网站颜色，同时还要考虑网站的访问对象，文化的差异也会使色彩产生非预期的反应。还有，不同地区与不同年龄层对颜色的反应也会有所不同。年轻人一般喜欢饱和色，但这样的颜色引不起高年龄层人群的兴趣。
此外，白色是网站用得最普遍的一种颜色。很多网站甚至会留出大块空白作为网站的一个组成部分，这就是留白艺术。很多设计性网站较多地运用留白艺术，给人一个遐想的空间，让人感觉心情舒适、畅快。恰当的留白对于协调页面的均衡会起到相当大的作用。
总结，色彩的使用没有一定的法则，如果一定要恪守某个法则，效果可能适得其反。色彩的运用还与每个人的审美、喜好、知识层次等密切相关。一般应先确定一种能体现主题的主体色，然后根据具体的需要，应用颜色的近似和对比，来完成整个页面的配色方案。不管怎么说，整个页面在视觉上应该呈现的是一个整体、和谐、赏心悦目的画面。
