1 、

需要配色的是画布，而不是您的图片

一个在网页设计中 zui 根本的原则是，无论您花了多少时间创造了一个辉煌的设计，其 zui 终的作用是发挥出内容的核心位置。您的配色方案永远不应该比它呈现的内容的更加 “响亮” 。您的设计应该是在后台，目的是帮助突出网站的内容。
淡色的画布突出了影象，而明亮的画布有时反而不能突出您的内容。
用 Photoshop 或者 Sketch 等软件设计网站的时候，建立设计的过程往往是相互独立的。有些设计单个看起来很不错，也能被您的客户所接受，但是当它真正被设计成网页的时候不适当的配色往往会分散访客的注意力。事实上，网页设计的过程是和内容紧密相连的，很多制作高品质的网页看上去空空荡荡，几乎没有内容。
2 、

选择简单的灰色作为网站的基调

您可以为您的网站基调选择无数种颜色，不过我建议您采用 zui 简单的颜色，比如白色/浅灰色与深灰色的搭配文字背景。
您可以看看任何热门的网站、模版、主题，白色或浅灰色与深灰色搭配成了大多数的选择，这当然也是有充分理由的。这样的搭配对访客而言提高了您内容的可读性，并且把您的图片突出在 zui 前方。
一般来说，您的文字 zui 好避免使用墨黑色，深灰色一般更容易阅读。
文字颜色建议范围：＃333333 到＃666666；背景颜色建议范围：#FFFFFF 到 #CCCCCC 。

当然，这些颜色的选择都不是固定死的。只不过如果您是新手，以上的配色方案您可以放心使用。
3 、

只选择一种颜色突出显示

如果您选择好几种不同的色调来，那么您的配色方案绝大多数是有问题的。您颜色用得越多，您的页面就越来越难以控制。所以，在您网页以灰色基调的前提下，您 zui 好只选择一种鲜艳的颜色来作为您想要突出的事物，比如标题、选单、按钮等等。您的高亮颜色可以是蓝色、红色、绿色，等等。
您 zui 好选择与您的基调颜色相关的高亮颜色。开启您的颜色选择器，并单击您彩色方块的中心。

4 、

如果有疑问，请使用蓝色

如果您对您的高亮色的选择有疑惑的话，不妨使用蓝色。蓝色是一种弹性比较大的颜色，可以和很多种颜色搭配。
这里介绍了 30 个以蓝色为主调的网站，可以作为借鉴：Blue
另一方面，如果您是用蓝色，那么您用错颜色的概率就会很低。如果您正犹豫着不知道用什么颜色好，不妨使用蓝色。比较安全的蓝色包括从海军蓝到深蓝色（H235-H190），而我通常选择 H205 的蓝色。
5 、

给您的高亮色增加变化

您一旦选择了高亮的颜色，从该点移动滑块来选择接下来的颜色。在您的设计中也需要其他的颜色，高亮色的稍微变化会让您的颜色选择变得简单，但又不显得乏味。
6 、

尽量不用颜色选择器右上角的颜色

颜色选择器的右上角是一块肥沃的土地。它们可以执行出惊人的效果，而且非常诱人，但通常想用好需要大量的经验。如果没有足够的经验，它们可能会导致事故的发生，所以 zui 好以削弱您的颜色，zui 好都保持比较淡化的色彩。
这就是为什么在本教程的第三部分，我问您点选的颜色在地图右上角的中心选择您的高亮颜色之前，要确保您有一个比较柔和的颜色拉开序幕。