​认识了色彩，并不表示你就能对颜色运用自如。配色有理性的层面，也有感性的层面。配色也需要依循一定的节奏。有的配色跳跃明快，有的又显得舒缓柔和。我们从理性出发的同时，也要把自己的触角深入到感性的层面去理解色彩。

想要学习更多的内容关注微信公众号liangyuansi1

每一种色彩都有其自身的特质，而这一特性的发挥，还需要依赖于色彩在整个配色时所处的位置、面积等，即色彩与其他色彩所形成的秩序。

◆ ◆ ◆

主色

主色是指在配色中处于支配地位的色彩。在配色前，主色是最先确定的颜色，主色的确定并不困难，因为一开始被确定下主色只是定出一个宏观方向，并没有细化成具体的色调。主色的选择也非常自由，因为并没有完全正确的“公式”，每种颜色都有它的特性和优劣，没有最好的颜色或最差的颜色。

最终确定对主色色调的选择则需要感性的参与，你希望你的网站看上去“沉稳典雅”还是“清新明快”？这些不同的感受都影响色调的制约平衡。

一般情况下，主色是配色中使用面积最多的色彩。用于主要组件、组件背景、大面积色块等。

上图中的主色是清爽的蓝色。尽管背景也运用了大面积的白色，但是黑白灰属于无彩色，无彩色并不参与到配色过程中。红色则是作为衬托色而出现的。

衬托色

衬托色是主色以外，为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小，只要达到衬托的目的即可。

黄色是主色，蓝色衬托色。两色互为对比色：

衬托色也可用在面积较大的地方，和主色平分秋色，彼此呼应。

页面主色为橙色，衬托色为浅色粉，两种色彩为邻近色，彼此饱和度上有非常明显的对比，也能很好的衬托出主色，为页面的氛围增加温度：

一组配色中一定会有一个主色，而衬托色并非必不可少。通常单一的色彩会比较单调，而利用衬托色来强化主色的丰富变化是解决的方案之一。

背景色

背景色经常表现为无彩色（黑、白、灰）或者低饱和度的色彩。背景色主要是作为背景而存在，它最好不要以非常强烈的姿态出现。背景色并非具有某种功能，它是一个页面的基础底色。

页面的背景色为蓝绿色到蓝紫色的渐变色，因此配图时就应该考虑与背景色的搭配协调：

黑色作为背景色时，浅米色作为主色，主色和背景色之间的相得益彰，这时的背景色也可看作衬托色。

强调色

强调色是在主色以外起强调作用的色彩，可以说它是非常重要的视觉焦点。它本身具有一种独立性，因此在配色上要形成与主色的强烈对比。它可以是主色的对比色、互补色等，使其能跳脱于主色的色彩。

页面的主色为蓝色，红色则作为强调色，在进入另一个页面时，红色又作为了主色，而紫色作为了强调色：

强调色所用的面积比较小，只要在焦点领域运用上强调色，其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。

单色配色法：同色同源

单色系配色是指网站的页面主色只使用一种颜色，需要注意的是，所谓的单色并不“单”，往往运用单色系配色方案的是配图较多的网站，这些配图自身已经包含着丰富的色彩。当配图的色彩也参与到了页面整体的配色体系中，只需要寻找到一种与配图都能协调的色彩作为主色，就能轻松掌握单色配色法的技巧。

页面的主色为清爽的蓝绿色，这时选择的背景配图是人脸眼睛的部分，摄影作品本身带有柔和的肉色，与蓝绿色相得益彰：

单色扮演主色的同时也扮演着强调色，在配色运用中，重要的组件、焦点的部分都可以运用这一色彩，形成明显的视觉重点框架。而与此同时，背景色应该尽量保持黑白灰，不对主色造成干扰。如果想要形成一定的层次，也可以在主色调之外通过降低其色彩饱和度或明度等方式，形成单色配色中色彩的空间视觉深度。

在单色系配色法中，即使属于同一色系，色调也会有所差异，因此这也是另一种配色方式，运用在配图较少，且配图色彩也并不多变的情况下。

渐变配色法：梦幻滑翔

渐变可以视为一种效果，也可以当做一个手段。渐变中使用的多种色彩，将它们的分布呈现柔和过渡，展示出梦幻之感。

一般来说，安排的渐变色往往是以两种色彩为端点，中间过渡为两种色彩的滑翔地带，其覆盖的色彩范围较广，因此，我们很难判断其主色是哪一固定的色值。

从色温的角度为考虑，渐变可以有暖色渐变、冷色渐变，也有冷暖过渡的渐变，而从两端的色彩之间的关系，又分为邻近色渐变、对比色渐变等。不同的色调渐变所呈现出的品牌氛围各有千秋。

在轻设计中，渐变的色彩通常集中在高明度的色调范围，让画面显得更为通透柔和。渐变的色彩范围也不宜太广，色彩分布太大让画面本身容易陷入于混沌中。

渐变常以背景的形式出现，或运用于较大的元素之上。根据渐变色的不同，所展示的配图以及其他组件也要根据这一渐变色而协调。

蓝与紫、紫与粉色的邻近色渐变过渡有一种梦幻般的感受，白色文字以及配图甄选也都考虑到与渐变色彩的协调感。色彩丰富饱满，页面则简洁明快：

浮动于渐变背景上方的元素色彩也可以与背景形成对比，这时，渐变色的范围就要更为精准清晰，以免让色彩变“浑浊”。毕竟在轻设计中，维持画面的“澄清”是很重要的。

利用渐变色系配色法的灵活多变，在一张大型配图上方叠加一层透明渐变，也同样是非常流行的做法。这样作出的效果也相当炫目耀眼，能瞬间提升摄影本身的感染力。

渐变配色法：梦幻滑翔

色彩不仅有色相，还包括饱和度、明度、色温等特质，与此同时，从心理层面上还会衍生出色彩的重量感、远近距离等心理感受，两种不同的色彩相互搭配，通过彼此的比例大小关系会衍生出更多复杂的影响。

双色互补

将色环上处于180°相对而存在的色彩进行搭配，这两种色彩在视觉上形成互补关系。我们知道色彩并不能简单陈述为红色、蓝色，因此在相对的关系上也不能简单就概括红与蓝是互补这样笼统的结论，因为实际上红色和蓝色的色调都高低明暗种类繁多。

我们知道处于相对180°位置的一组色彩其本身相互补充又相互制衡的关系，在实际运用中会催生一种平衡的视觉满足感。我们要做的依然是从情感上而非理性层面打开视觉的脉轮。

互补色处于色环上两两相对的位置，网页设计中通常使用其中一个色彩作为主色或背景色，另一个作为强调色或衬托色而加以运用：

大多时候，多色配色时所选用的配图应该尽量保持不惊扰原有配色的氛围，或根据配图来决定网页的配色方案。

颜色与颜色搭配绝不是简单相加，而是运用色彩的特性，作出更加丰富的加减乘除，其结果不是得到另一个单一的色彩感受，而是综合其上的视觉效果和情感体验。与其说色彩像幻术一样无法抓取，不如说对于配色，忘掉条条框框的理性分析，或许能得到更多。