网页设计中颜色绝不会单独存在。事实上，一个颜色的效果是由多种因素来决定的：反射的光，周边搭配的色彩，或是观看者的欣赏角度。

有十种基本的配色设计，分别叫做：

无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)
互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)
分裂补色设计(splitcomplement)、原色设计(primary)
二次色设计(secondary)、以及三次色三色设计(tertiary)。

冲突设计

把一个颜色和它补色左边或右边的色彩配合起来。

 

 

互补设计

使用色相环上全然相反的颜色。

 

 

单色设计

把一个颜色和任一个 或它所有的明、暗色配合起来。

 

 

中性设计

加入一个颜色的补色或黑色使它色彩消失或中性化。

 

 

分裂补色设计

把一个颜色和它补色任一边的颜色组合起来。

 

 

原色设计

把纯原色红、黄、蓝三种色结合起来

 

 

二次色设计

把二次色绿、紫、橙色结合起来。

 

 

三次色三色设计

三次色三色设计是下面二个组合中的一个：
红橙、黄绿、蓝紫色或是蓝绿，黄橙、红紫色，并且在色相环上每个颜色彼此都有相等的距离。