学会了如何选择“色相”。概括色相是基本色，当你移动滑块，你会kan到h值在颜色选择器中的变化，操作一波。。

也是没谁了。 与你原来的色调混合的黑色也被称为创造了“阴影”。这也来源于油漆混合，是黑色油漆与涂料颜色的混合。

一、 需要配色的是你的画布，而不是你的图片

另起炉灶。 Ru果你选择好几种不同的色调来那么你的配色方案绝大多数是有问题的。你颜色用得越多，你的页面就越来越难以控制。所以 在你网页以灰色基调的前提下你Zui好只选择一种鲜艳的颜色来作为你想要突出的事物，比如标题、菜单、按钮等等。你的高亮颜色Ke以是蓝色、红色、绿色，等等。

你刚刚学到：

坚持练习对灰度基础的单色配色方案，直到你感到hen有信心为止。试着用不同的色调，尝试创建不同的高亮色，kankan它是如何改变饱和度和亮度的设置，直到Ke以使用为止，闹乌龙。。

脑子呢？ 亮度是有多少黑色混合到你的颜色。黑色越少，越亮。

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

使用这些类型的颜色变化的东西，如：

这是一个伟大的想法：你Ke以在你的网站上先铺陈出你的内容，用设计软件也好用代码也好，然后在你内容的周围设计你的网页。当然这也是一个特殊情况， Ru果一个特定风格的图像和照片douNeng和你的设计和谐的融为一体，那么你的设计配色才算是好。试想一下网站的配色对内容而言就像衣服对于人的重要性，对此你必须制定一套好的并且合身的衣服，我服了。。

三、 只选择一种颜色突出显示

另一方面Ru果你是用蓝色，那么你用错颜色的概率就会hen低。Ru果你正犹豫着不知道用什么颜色好， 摆烂... 不妨使用蓝色。比较平安的蓝色包括从H235到H190，从海军蓝到深蓝色。

四、 Ru果有疑问，请使用蓝色

向上或向下移动你的滑块，你Ke以仔细选择你认为Zui合适的颜色。

我直接好家伙。 一个在网页设计中Zui根本的原则是 无论你花了多少时间创造了一个辉煌的设计，其到头来的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的geng加“响亮”。你的设计应该是在后台，目的是帮助突出网站的内容。

五、 给你的高亮色增加变化

为了说明这一点，kanRu果我只是改变了我们设计的色调，到目前为止，会发生什么，躺平。。

六、 尽量不要使用颜色选择器右上角的颜色

与君共勉。 淡色的画布突出了图像，而明亮的画布反而不Neng突出你的内容。

身为网页设计新手的你，是不是还在纠结于你制作的网页找不到一组好的配色方案？在本教程中我们将与你分享6条肯定会火， 我不敢苟同... 并且“错不了”的指导方针，你Ke以按照这些原则把握Zui基本的色彩规律。

七、 颜色搭配的和谐度

现在你设计的页面有了三个基本的颜色：背景色、文本色和高亮色。在以后你也Ke以选择一种以上的高亮色，但现在对于新手的你来说还是选择一种比较合适。 稳了！ 你现在Yi经掌握了基本的配色，Ru果你有信心，你以后还Ke以尝试geng多种不同的方案。

八、 色彩的平安性

Ru果有疑问，Ke以随时回到属于你的“平安第一”的指导方针， 与君共勉。 这无论如何dou是不会错的。

是一种生动的色彩表现。比方说认为“我的衬衫中渗透着葡萄酒红”。在一个典型的颜色选择器饱和度是多少白了就是混在你的基地的色调来决定。白色越少，越饱和，不忍卒读。。

来源:优设

“H”代表色相， 一旦你选择了你的高亮颜色，文本框中显示的就是你当前颜色的色相。

kan上去还是听舒服的对吧？但是Ru果你把颜色调整为选择器右上角的颜色，我们再来kankan效果如何：，牛逼。

亮度

至于吗？ 你Zui好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器，并单击你彩色方块的中心。

说真的... 颜色选择器的右上角是一块肥沃的土地。在右上角的颜色就像F1赛车；他们Ke以施行出惊人的效果，而且非常诱人，但通常想用好需要大量的经验。Ru果没有这种经验，他们可Neng会导致事故的发生，所以Zui好以削弱你的颜色，Zui好dou保持比较淡化的色彩。

当然这些颜色的选择dou不是固定死的。只不过Ru果你是新手，以上的配色方案你Ke以放心使用，别怕...。

对于你的背景色，全白色是Ke以搭配任何文本的Zui平安的颜色。Ru果你想选用其他的背景颜色， 我们建议采用#FFFFFF到#CCCCCC

你Ke以kankan任何热门的网站、模版、主题，白色或浅灰色与深灰色搭配成了大多数的选择，这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性，并且把你的图片突出在Zui前方。

九、色彩搭配的实践

当你感觉hen舒服，Ke以增加一个额外的高亮颜色。我建议尝试橙色和蓝色，主要原因是他们往往是Zui简单的二重奏。然后尝试绿色和蓝色，这在我的经验中是第二个Zui简单的。这两种往往是与客户和访客dou会称赞的搭配。

十、 色彩搭配的进阶

同样，这个词来源于油漆混合，在其中创建一个灰色的油漆，然后用彩色涂料混合，蚌埠住了...。

十一、 色彩搭配的注意事项

当您拖动到右边的颜色在地图上Ke以减少白色量，从而增加了饱和度，“S”的值上升。当您拖动到左边向所有的白角，你会减少饱和使“S”的值下降，我给跪了。。

饱和度

分分钟亮瞎了访客的双眼！Ru果你想确保你不烧焦你的访客的视网膜，遵循留出颜色选择器的右上角的格子的一般原则，不是我唱反调...。

简直了。 Ru果你对你的高亮色的选择有疑惑的话，不妨使用蓝色。蓝色是一种弹性比较大的颜色，Ke以和hen多种颜色搭配。黄色和紫色也hen不错，但是Ru果使用不当会适得其反。

你一旦选择了高亮的颜色，从该点移动滑块来选择接下来的颜色。在你的设计中也需要其他的颜色，高亮色的稍微变化会让你的颜色选择变得简单，中肯。。