配色有理性的层面，也有感性的层面。配色也需要遵循一定的节奏，有的配色跳跃明快，有的又显得舒缓柔和。我们从理性出发的同时，也要把自己的思维深入到感性的层面去理解色彩。

主 色

　　主色是指在配色中处于支配地位的色彩。在配色前，主色是最先确定的色彩，例如，当我们想要设计一个珠宝展示的页面，我们决定这个页面所需要的色彩是紫色时，紫色就是主色。主色的确定看起来并不困难，因为一开始确定好主色只是定出一个宏观方向，并没有细化成具体的色调。主色的选择也非常自由，因为并没有完全正确的公论，每种色彩都有它的特性和优劣，没有最好的色彩或最差的色彩。 
　　最终确定对主色色调的选择需要感性的参与，你希望你的网站看上去“沉稳典雅”还是“清新明快”？这些不同的感受都来自色调的制约平衡。 
　　一般情况下，主色是配色中使用面积最大的色彩。用于主要的组件、组件的背景和大面积色块等。 
　　　　　　　　　　　　　　
　　页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色，但是黑白灰色属于无彩色，无彩色并不参与到配色过程中。红色是作为衬托色而出现的。

衬托色

　　衬托色是主色以外，为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小，只要达到衬托的目的即可。 
　　　　　　　　　　　　
　　黄色是主色，蓝色是衬托色，黄蓝两色互为对比色。 
　　衬托色也可用在面积较大的地方，和主色平分秋色，彼此呼应。 
　　　　　　　　　　　　　　　
　　页面的主色为橙色，而衬托色为浅粉色，这两种色彩为邻近色，彼此饱和度上有非常明显的对比，也能很好地衬托出主色，为页面增加了气氛。 
　　一组配色中一定会有一个主色，而衬托色并非是必不可少的。是否采用衬托色，取决于你的配色计划。通常单一的色彩会比较单调，而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。

背景色

　　背景色经常表现为无彩色（黑白灰色）或者低饱和度的色彩。背景色主要是作为背景而存在的，它最好不要以非常强烈的姿态出现。背景色并非具有某种功能，它是一个页面的基础底色。 
　　　　　　　　　　　　　
　　页面的背景色为蓝绿色到蓝紫色的渐变色，因此配图时就应该考虑与背景色的搭配协调。 
　　　　　　　　　　　　　　　
　　黑色作为背景色时，浅米色作为主色，主色和背景色之间相得益彰，这时的背景色也可看作衬托色。

强调色

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

　　页面的主色为蓝色，红色则作为强调色，在进入另一个页面时，红色又作为了主色，而紫色作为了强调色。 
　　强调色所用的面积比较小，只要在焦点区域运用强调色，其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。