1.需要配色的是画布，而不是你的图片

　　广州网站建设设计的一个最根本的原则就是，无论你花多少时间去创造一个辉煌的设计，其最终的作用就是发挥内容的核心地位。你的配色方案永远不能比它所呈现的更响亮。您的设计应该在背景中，以帮助突出网站的内容。

　　浅色画布突出图像，而明亮的画布有时无法突出您的内容。

　　用Photoshop或Sketch等软件设计网站时，创建设计的过程往往是相互独立的。有些设计单独看起来很好，可以被你的客户接受，但是当它真的被设计成网页时，不恰当的颜色匹配经常会分散访问者的注意力。其实网页设计的过程和内容是紧密联系在一起的，很多高质量的网页看起来很空洞，几乎没有内容。

　　这是一个好主意：你可以在你的网站上布局你的内容，使用设计软件和代码，然后围绕你的内容设计你的网页。当然这也是特例。如果一种特定风格的图像和照片能够与你的设计和谐融合，那么你的设计就是完美的。想象一下，一个网站的配色对于内容就像衣服对于人一样重要，所以你必须做一套完美合身的衣服。

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

　　你的网站基调可以选择无数种颜色，但我建议你使用最简单的颜色，比如白色/浅灰色和深灰色背景。

　　可以看看任何热门的网站，模板，主题。白色或者浅灰色和深灰色是最多的选择，当然有很好的理由。这种搭配提高了你的内容对访问者的可读性，突出了你图片的前沿。

　　一般来说，你最好避免使用黑色墨水，深灰色一般更容易阅读。

　　文本颜色建议范围：# 333333至# 66666；背景色的推荐范围是#FFFFFF到#CCCCCC。

　　当然，这些颜色的选择不是固定的。只有新手，才能放心使用以上配色。

　　3.仅选择一种颜色进行高亮显示

　　如果你选择几种不同的颜色，你的大多数配色方案都有问题。使用的颜色越多，控制页面就越困难。所以，在你的网页是灰色调的前提下，你最好只选择一种亮色作为你想要突出显示的东西，比如标题、菜单、按钮等等。您的高亮颜色可以是蓝色、红色、绿色等。

　　您最好选择与您的关键颜色相关的高亮颜色。打开颜色选择器，单击颜色框的中心。向上或向下移动你的滑块，你可以仔细选择最合适的颜色。

　　现在，您设计的页面有三种基本颜色：背景色、文本色和高亮颜色。以后可以选择一种以上的高亮色，但是现在新手选择一种比较合适。

　　4.如果有疑问，请使用蓝色

　　如果你对自己选择的高亮色有疑问，不妨用蓝色。蓝色是一种有弹性的颜色，可以搭配多种颜色。

　　以下是30个以蓝色为主色调的网站，可以参考：蓝色

　　另一方面，如果用蓝色，用错颜色的概率会很低。如果你在犹豫用什么颜色，不妨用蓝色。比较安全的蓝色有藏青色到深蓝色(H235-H190)，而我一般选择H205的蓝色。

　　如果你选择一种颜色作为你的亮点，请在你需要的其他地方使用它。如果您的按钮和标题需要突出显示，请将它们的颜色更改为相同的蓝色。下面这个例子，我把白色改成蓝色，大家感受一下。

　　5.增加你的高亮度颜色的变化

　　选择高亮颜色后，从该点移动滑块选择下一种颜色。你的设计还需要其他颜色。稍微改变一下高亮度的颜色，会让你的颜色选择变得简单，但不会枯燥。例如：

　　悬停效果：

　　边界：

　　通过突出显示颜色：

　　梯度：

　　光影效果：

　　6.尽量不要使用颜色选择器右上角的颜色

　　颜色选择器的右上角是一片沃土。他们可以取得惊人的效果，非常有吸引力，但通常需要大量的经验才能使用好。如果你没有足够的经验，他们可能会导致事故，所以最好削弱你的颜色，保持更轻。

　　这就是为什么在本教程的第三部分，我要求你点击地图右上角中心的颜色，并确保你有一个更柔和的颜色来开始。

　　为了说明这一点，让我们看看如果我只是改变设计的颜色会发生什么。

　　但是如果您将颜色调整到选择器右上角的颜色，让我们看看它是如何工作的：

　　分钟蒙蔽来访者的眼睛！如果你想确保不灼伤来访者的视网膜，遵循在颜色选择器的右上角留一个格子的一般原则。

　　学习建议

　　单色配色方案

　　单色配色方案是你用一个基本色调来扩展它的色相、饱和度和亮度。因此，通过选择高亮颜色及其产生的变化，您实际上创建了一个单色方案。

　　下一步？

　　坚持练习基于灰度的单色配色，直到你有自信为止。尝试使用不同的色调，尝试创建不同的高亮度颜色，看看它如何改变饱和度和亮度设置，直到可以使用。当你觉得舒服的时候，可以加一个额外的高亮颜色。我建议尝试橙色和蓝色，因为它们往往是最简单的二重唱。然后试试绿色和蓝色，这是我体验中第二简单的。这两种比赛经常受到顾客和游客的称赞。

　　为了促进你对Web的配色方案的理解，最好是把握你喜欢的颜色。你可以用一个采样器(浏览器扩展Colorzilla)，用它来研究有经验的设计师如何实现丰富的色彩搭配。当你浏览互联网时，你会看到一个巨大的突破。您可以使用颜色采样器来查看页面上使用的颜色的配色方案。你甚至可以尝试每种色调，看看哪种饱和度和亮度水平效果最好。另外要注意其色彩组合的和谐。

　　如果有疑问，你可以随时回到你的“安全第一”的指导方针，这在任何情况下都不会错。