色彩的搭配是人们最直接的感情表达，同样做网页设计也是一样，通过色彩的搭配来表达我们想要网页所要表达的内容。

一个网页的配色使用的好与坏，并不是你对图片配色的选择。而已整个画布的配色使用。一个在网页设计中最根本的原则是，无论你花了多少时间创造了一个辉煌的设计，其最终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台，目的是帮助突出网站的内容。淡色的画布突出了图像，而明亮的画布反而不能突出你的内容，所以配色选择不易太抢眼。

若如你是新手，通常采用最简单的颜色即白色/浅灰色与深灰色的搭配文字背景。这样最容易把你的内容突出在最前方！但是要尽量不要使用颜色选择器右上角的颜色，因为会亮瞎你的眼睛，同时更会亮瞎浏览者的眼睛（当然，牛逼的设计师请忽略）。颜色选择器的右上角是一块肥沃的土地。在右上角的颜色就像F1赛车; 他们可以执行出惊人的效果，而且非常诱人，但通常想用好需要大量的经验。如果没有这种经验，他们可能会导致事故的发生，所??以最好以削弱你的颜色，最好都保持比较淡化的色彩。同时饱和度和亮度也很重要，饱和度是一种生动的色彩表现。例如，认为“我的衬衫中渗透着葡萄酒红”。在一个典型的颜色选择器饱和度是多少白了就是混在你的基地的色调来决定。白色越少，越饱和。

当您拖动到右边的颜色在地图上可以减少白色量，从而增加了饱和度，“S”的值上升。当您拖动到左边向所有的白角，你会减少饱和使“S”的值下降。亮度是多少黑色有混合到你的颜色。黑色越少，越亮。

当你拖动滑块向上，减少了黑色的数量，增加亮度，在颜色选择器中的“B”的值上升。与你原来的色调混合的黑色也被称为创造了“阴影”。这也来源于油漆混合，是黑色油漆与涂料颜色的混合。

当你混合灰色到彩色这被称为创造了色调。如果你调节饱和度和亮度，那么你就创造了一种色调。所以基本上任何时候无论你的饱和度和亮度均小于100％，这就是一个色调

单色的配色方案是，你以一个基本的色调和扩展它的色相，饱和度和亮度。因此，通过采摘一大亮点的颜色和它创造的变化，你实际上创建了一个单色方案。

为了推动了你对Web的配色方案的理解，最?好的事情就是抓住自己喜欢颜色，你可以用取样器（浏览器扩展Colorzilla），并用它来?研究经验丰富的设计师是怎么做到的丰富的色彩搭配的。当你在浏览互联网的时候，看到一个很大的配合突破，你可以用颜色取样器看看在页面上使用的颜色的配色方案。你甚至可以尝试每个色相，看看哪些饱和度和亮度水平效果最好吧。另外要注意它的颜色组合的和谐度。