
3.1 色彩基础知识
自然界中有许多种色彩,如香蕉是黄色的,天是蓝色的,橘子是橙色的……色彩多种多样,千变万化。
3.1.1 色彩的基本概念
为了能更好地应用色彩来设计网页,先来了解一下色彩的基本概念。自然界中的色彩千变万化,但是最基本的有3种(红、黄、蓝),其他的色彩都可以由这3种色彩调和而成,这3种色彩称为“三原色”。平时所看到的白色光,经过分析可以在色带上看到,它包括红、橙、黄、绿、青、蓝、紫等7种颜色,如图3-1所示。

图3-1 阳光被分解后的7种主要颜色
●相近色:色环中相邻的3种颜色,相近色的搭配给人的视觉效果很舒适,很自然,所以相近色在网站设计中极为常用。如图3-2所示的深蓝色、浅蓝色和紫色。

图3-2 相近色
●互补色:色环中相对的两种色彩,如图3-3所示的亮绿色和紫色、红色和绿色、蓝色和橙色等。对于互补色,调整一下补色的亮度,有时候是一种很好的搭配。

图3-3 互补色
●暖色:如图3-4所示的黄色、橙色、红色、紫色等都属于暖色系列。暖色与黑色调和可以达到很好的效果。暖色一般应用于购物类网站、儿童类网站等,用以体现商品的琳琅满目,儿童类网站的活泼、温馨等效果。

图3-4 暖色
●冷色:如图3-5所示的绿色、蓝色、蓝紫色等都属于冷色系列。冷色与白色调和可以达到一种很好的效果。冷色一般应用于一些高科技网站,主要表达严肃、稳重等效果。

图3-5 冷色
3.1.2 网页安全色
网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览,用户显示设备上的显示效果都是相同的。所以,使用216网页安全色进行网页配色,可以避免原有的颜色失真问题。如图3-6所示为网页安全色大全。

图3-6 网页安全色
只要在网页中使用216网页安全颜色,就可以控制网页的色彩显示效果。使用网页安全颜色的同时,也不排除非网页安全颜色的使用。