background image

1.4

网页色彩基础

网页设计是平面设计的一个分支,和其他平面设计类似,对色彩都有较大的依赖性。色彩可
以决定网站的整体风格,也可以决定网站所表现的情绪。

1.三原色的概念

人类的眼睛是根据所看见的光的波长来识别颜色的。肉眼可识别的白色太阳光事实上是

由多种波长的光复合而成的全色光。

根据全色光各复合部分的波长(长波、中波和短波),可以将全色光解析为 3 种基本颜

色,即红(Red)、绿(Green)和蓝(Blue)三原色光。

可见光中,绝大多数的颜色可以由三原色光按不同的比例混合而成。例如,当 3 种颜色

以相同的比例混合,则形成白色;而当 3 种颜色强度均为 0 时,则形成黑色。

2.色彩的属性

任何一种色彩都会具备色相、饱和度和明度 3 种基本属性。这 3 种基本属性又被称为色彩

的 3 要素。修改这 3 种属性中任意一种,都会影响原色彩其他要素的变化。

 色相

色相是由色彩的波长产生的属性,根据波长的长短,可以将可见光划分为 6 种基本色相,

即红、橙、黄、绿、蓝和紫。根据这 6 种色相可以绘制一个色相环,表示 6 种颜色的变化规律。

在 Photoshop 等 图 像 处

理软件中,通常用一种渐变
色条来表示色彩的色相。

 饱和度

饱和度是指色彩的鲜艳

程度,又称彩度、纯度。色彩
的饱和度越高,则色相越明
确,反之则越弱。饱和度取决于可见光波长的单纯程度。

在色彩中,六色色相

环中的 6 种基础色饱和度
最高,黑、白、灰没有饱和度。

 明度

明度是指色彩的明暗程度,也称光度、深浅度。色彩的明度来自于光波中振幅的大小。色

彩的明度越高,则颜色越明亮,反之则越阴暗。