- 网页设计与网站建设完全实战手册
- 刘贵国
- 741字
- 2021-03-19 18:34:35
3.1 色彩基础知识
自然界中有许多种色彩,如香蕉是黄色的,天是蓝色的,橘子是橙色的……色彩多种多样,千变万化。
3.1.1 色彩的基本概念
为了能更好地应用色彩来设计网页,先来了解一下色彩的基本概念。自然界中的色彩千变万化,但是最基本的有3种(红、黄、蓝),其他的色彩都可以由这3种色彩调和而成,这3种色彩称为“三原色”。平时所看到的白色光,经过分析可以在色带上看到,它包括红、橙、黄、绿、青、蓝、紫等7种颜色,如图3-1所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00092.jpg?sign=1739534962-pbVb889tp2vDFWbfpC8QgEL34iQ5MPig-0-ce3567f06bee77c089a5a1bc4410a5e7)
图3-1 阳光被分解后的7种主要颜色
●相近色:色环中相邻的3种颜色,相近色的搭配给人的视觉效果很舒适,很自然,所以相近色在网站设计中极为常用。如图3-2所示的深蓝色、浅蓝色和紫色。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00093.jpg?sign=1739534962-ZbjqOWKA6Xj89mxo6HCgQ1gX90g11O3l-0-0c960b95322b1454388829e8fa2dd6bc)
图3-2 相近色
●互补色:色环中相对的两种色彩,如图3-3所示的亮绿色和紫色、红色和绿色、蓝色和橙色等。对于互补色,调整一下补色的亮度,有时候是一种很好的搭配。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00094.jpg?sign=1739534962-HyTeNcQLX6waXchjq4Ymvkpu4I3x9F61-0-7546cf17e308cc27143f7c90d7782012)
图3-3 互补色
●暖色:如图3-4所示的黄色、橙色、红色、紫色等都属于暖色系列。暖色与黑色调和可以达到很好的效果。暖色一般应用于购物类网站、儿童类网站等,用以体现商品的琳琅满目,儿童类网站的活泼、温馨等效果。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00095.jpg?sign=1739534962-8RCzKKGEDYRCKEe4vAaEnga9JXO3nWXa-0-7e27397f8ea9ab25434cef44c0b7d077)
图3-4 暖色
●冷色:如图3-5所示的绿色、蓝色、蓝紫色等都属于冷色系列。冷色与白色调和可以达到一种很好的效果。冷色一般应用于一些高科技网站,主要表达严肃、稳重等效果。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00096.jpg?sign=1739534962-yXjpm5tOQAJzCxT2NorlAJCvWE5ZRnH2-0-dd37b7353baa148aca36850b1cf080c4)
图3-5 冷色
3.1.2 网页安全色
网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览,用户显示设备上的显示效果都是相同的。所以,使用216网页安全色进行网页配色,可以避免原有的颜色失真问题。如图3-6所示为网页安全色大全。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00097.jpg?sign=1739534962-ysymQe4Vu7cxuFzXJ4Kktt6r09jATuNc-0-2884eae22407f091f608fd090c914675)
图3-6 网页安全色
只要在网页中使用216网页安全颜色,就可以控制网页的色彩显示效果。使用网页安全颜色的同时,也不排除非网页安全颜色的使用。