2.3 网页色彩技术
网页中的色彩是访问者对网站最直观的了解,也是网站统一风格设计的主要组成部分。一个网站设计成功与否,在很大程度上取决于网页色彩的运用和搭配。
2.3.1 网页安全色
网页中的颜色会受到各种不同环境的影响。即使你的网页使用了非常合理、非常漂亮的配色方案,但是如果每个人浏览的时候看到的效果都各不相同,那么你的配色方案的意愿就不能够非常好地传达给浏览者。
那么我们需要通过什么方法才能解决这一问题呢?
答案就是——216网页安全色。如图2-7所示为网页安全色。
图2-7 网页安全色
216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览用户显示设备上的现实效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题。
216网页安全色在需要实现高精度的渐变效果或显示真彩图像或照片时会有一定的欠缺,但用于显示徽标或者二维平面效果时却是绰绰有余的。
不过我们也可以看到很多站点利用其他非网页安全色做到了新颖独特的设计风格,所以我们并不需要刻意地追求使用局限在216网页安全色范围内的颜色,而是应该更好地搭配使用安全色和非安全色。
2.3.2 HTML语言中的颜色值表示
HTML文档中的很多标记都需要颜色属性来控制内容的输出方式,这些属性的值须用规定的颜色值来提供。
● 文字描述法:大多数浏览器仅能识别16种最常用的颜色文字,少数浏览器能识别256种常用的颜色。建议尽量少用文字表示的颜色,如red、green、blue、black、white、navy、yellow、pink等。
● 十六进制表示法:#RRGGBB或#RGB,后者不建议使用。其中,#000000表示黑色,#FFFFFF表示白色。其他颜色还有#808080、#FF0000、#00C0C0、#4F0080、#B0C0DD等。
● 函数表示法:rgb(red,green,blue),其中red、green、blue 3个参数均用十进制数表示,取值范围为[0,255]。例如,rgb(255,0,128)、rgb(100,200,200)等。RGB()函数是HTML语言中的一个伪函数,建议少用为好,因为不是所有的浏览器都支持该伪函数。