网页设计中怎么配色？

谢邀！可以关注到网页设计的配色问题真的是很有前瞻性！！

这说明你能够考虑到网页信息的接收者，也就是大众对网页的阅读体验~

此篇文章主要包括网页设计的目的，基本的色彩知识以及颜色搭配推荐 阅读大约需要7min

首先，简要的说一说网页设计的目的。

从现层面来说，色彩搭配的运用不仅能促使人们信息浏览的效率得到充分提升，同时还能有效增加网页对用户的吸引力，直接影响用户对网页的感受。

正如打靶打在靶心上，明白了网页设计中配色的目的以后 让我们对颜色有个初步了解吧

一，七大色相：

红，橙，黄，绿，青，蓝，紫

而色相是色彩的三要素之一，那么三要素都是什么呢？

色彩三要素（简称HSB）

主要是指H: hues 色相； S: saturation 纯度； B: brightness 亮度

色彩三要素是鉴别，分析和比较颜色的基本因素，其相互关联又相互制约。

色相是色光光谱上各种不同波长的可见光在视觉上的表现，是区别颜色种类的名称，如红，红橙，青蓝等。

亮度是指颜色的明暗程度，是全部色彩都具有的属性。可以理解为颜色的深浅。

纯度又称为饱和度，是指色彩的纯净程度，即颜色色系的凝聚程度。简单的理解就是色彩的透明度。

二，色彩搭配的推荐

①同色色彩的搭配

颜色搭配需要符合功能性原则，就是发挥色彩本身的功能，这可以根据网络页面设计所针对的不同群体进行按需求搭配。

所谓同类色主要指的是那些色相相近或者是相同的色彩，这类色彩的差别主要体现色度方面通常表现为深浅的不一。在网页设计中针对色彩的搭配可以采用这一类色彩进行搭配使用，而这一使用目的是利用深浅不同的色彩来突出色彩的层次感。——网页设计中色彩的搭配 智库时代

②邻近色色彩的搭配

由于其在色带上相近，在色彩搭配运用中色彩之间会形成一定的过渡，且这一过渡通常相对较为自然。在通常情况下，邻近色彩的搭配使用能有效缓解因单一色而造成的网页的单调感，并赋予网页全新的活力还能有效通过色彩的过渡而出现因色彩使用过多而造成的页面混乱。

③对比色色彩的搭配

对比色是色相环中相对的两种不同的色彩，这两种色彩的搭配运用往往能带给人不一样的视觉冲击。通过对比色彩搭配在网页设计中的运用能够有效的利用色彩的对比而造成人自身的视觉产生一定的排斥感，而且是有效的提高其色彩效果，提高色彩的表现力。

三，色彩的感觉

以下源于我所阅读过的一篇有关色彩和认知心理学的一篇论文

可以说色彩的感觉是色彩的心理的深化，是人们对色彩的心理反映。这种反映包括：冷暖感、轻重感、进退感、胀缩感、软硬感、华丽感和质朴感。红、黄、橙等色使人们感到温暖，而蓝色、紫色使人感到寒冷。这种感觉只是相对的，不是绝对的。网页的图片应该根据公司的理念与工作方式注意与浏览者保持合适的距离，创造适当的气氛。

色彩的轻重感主要取决于明度。明度高的感到轻，明度低的感到重。在同等明度下，冷色一般比暖色感觉轻。注意到网页中色彩的轻重感，就可以设计出更能为观众所接受的图形，有效地传达信息。

不同的色彩会引起人们在距离感觉上的差异。 一般来说，在色彩对比中，强色感到“ 近” ，弱色感到“ 退” ；“ 暖色”感到“ 近” ，而“ 冷色”感到“ 远” 。但在不同的底色中，色彩有不同的“ 进退” 感，也就是说，色彩的“ 进退”感与背景的关系十分密切。比如： 深底色上，明度高的色彩或暖色系感觉近；浅底色上，明度低的色彩感觉近；灰底色上，强度高的色彩感觉近。此外，与色彩进退有关的是色的凹凸感与厚薄感。一般明度高的有凸出的感觉，明度低的冷色有凹进的感觉。而深暗的色彩感到厚实，浅淡的色彩显得轻浮。 色彩的胀缩感，是指色彩在对比过程中，某些色彩的轮廓，给人以胀大或缩小的感觉。这种现象的产生，主要是由于人在观察形体的色彩时，有一种生理上的光渗错觉。色彩的胀缩感的关系是: 在色彩的对比关系中，暖色、明度高的亮色容易感到膨胀，而冷色、明度低的暗色，则有收缩的感觉。一般来说，在活泼的网页中多采用膨胀的色彩设计， 给人丰满的感性冲击；在严谨的网页中则多采用收缩的色彩设计，追求一种理性的表达。 色彩与软硬感有着密切的关系，而软硬感取决于色彩的明度与纯度，单色明亮的色彩感觉软，深暗的色彩感觉硬。高纯度和低纯度的色彩感觉硬，而中等纯度的色彩感觉比较软。双色配置时，两色不具有明显的明度或纯度对比，则感到柔软。两色在明度或纯度上的对比较强烈，则感到坚硬。一般来说，鲜艳而明亮的色彩给人的感觉是华丽的，深暗的灰性色则显得质朴。红、紫红、绿依次顺序产生华丽感。相对于黄绿、黄、橙、青、紫的顺序呈质朴感，其它是中性。即使，是呈质朴感的色相，只要是高纯度的纯色，也会给人以华丽的感觉，例如用紫色作为网页的背景。每一种颜色都代表着不同的含义。例如，红色的颜色代表温暖，饥饿和刺激；冷色如绿色和蓝色的颜色表示平静和满意感；黑色可使物体变得感觉较重，而浅色可使物体变得更轻一点。当黑色意味处于麻烦状态时，黄色则可能反映烦恼的对立状态。当然，并不是对所有的人来说颜色都意味相同和固定的含义，每一个人都有自己的理解和认识。黄色可能有时意味廉价，绿色可能意味金钱和贪欲，黑色则可能意味高雅或死亡。颜色的合理使用已经成为一门科学，它已成为企业进行有效市场营销的有力武器。企业必须十分小心选择适合自己的颜色组合，颜色将是区分自己产品与他人不同的重要标识之一。例如：可口可乐的主色调是红色，汰渍洗衣粉的颜色是橙色，富士胶卷的主色调是绿色，柯达胶卷的主色调为黄色。颜色和企业的商标等标识一样重要，若形状代表一个象征，那么颜色也是如此。选择颜色就得认真仔细地考虑，就如同设计一个产品一样。在商店中，颜色的识别就如同口味。商标和产品的识别一样，绿色在清洁中有松树的气味，在刷牙时绿色则有薄荷味；蓝色通常带有较强的薄荷味，如冰一样凉爽；而在草霉、樱桃和苹果中的红色对人们非常有吸引力。但你不会选择灰色为洗衣粉的颜色，因为颜色粉的颜为灰色意味着衣服洗不干净。蓝色的西餐碟常常引不起食欲来，它会强烈地影响食客的心情。用红色可表示一种欢快的气氛，灰色和褐色则象征忧郁，常常表示压抑。但深色可表示一种稳定和力量，如法国红、灰色、浅褐色、蓝色等色调可用来表示一种可靠的感觉。这些颜色的合理搭配将使你的顾客有一种可靠和信任的感觉，不能忽略颜色对网页的影响。 ——网页设计中的认知心理学与艺术设计理念 李卓

因为答主近期在积累做公众号的各种知识，比如排版设计等方面。对于颜色设计也阅读了有关设计专业的一些论文杂志。此篇答主引用了许多本人认为很有用的知识，希望可以帮到有类似疑惑的大家！图片均来自网络~如侵权私聊我会删除哒

另外在这里推荐几个色彩搭配上可能会帮助到你的网站：

特别是第三个网址，里面的许多颜色名字真的很有韵味！

看到最后如果觉得有一丢丢收获记得收藏呀 以后可以得空翻一翻O(∩_∩)O