页面色彩搭配基础知识.PDF
第 本章导读
每个人都生活在五光十色的色彩环境中，难以想象没有色彩的
世界将是一个什么样子。人们除了享受到自然界的缤纷色彩之外，
也正在运用各种色彩美化着生活。本章介绍与网页色彩相关的基础
知识，包括什么是色彩的原理、色彩的分类、色彩的三要素和色彩
5 模式，以及色调分析。
章 技术要点
页面色彩 ◆ 色彩的原理
◆ 色彩的分类
搭配基础 ◆ 色彩的三要素
◆ 色彩模式
知识 ◆ 色调分析
实例展示
购物网站采用明度大、鲜亮的颜色 游戏网站采用明度低的色彩
纯度高的网页鲜活明快 较低的纯度网页显得灰暗朦胧
5.1 色彩的原理
自然界中有许多种色彩，如香蕉是黄色的，
天空是蓝色的，橘子是橙色的……色彩五颜六色，
千变万化。色彩源于光，没有光就不会有色彩。
我们日常见的光，实际由红、绿、蓝3 种波长的
光组成，物体经光源照射，吸收和反射不同波长
的红、绿、蓝光，经由人的眼睛，传到大脑形成
了我们看到的各种颜色。也就是说，物体的颜色
就是它们反射的光的颜色。阳光被分解后的7 种
图5-1 阳光被分解后的7 种主要颜色
主要颜色包括红、橙、黄、绿、青、蓝、紫，如
图5-1 所示。
5.2 色彩的分类
我们生活在五彩缤纷的世界里，天空、草地、海洋都有它们各自的色彩。你、我、
他也有自己的色彩，代表个人特色的衣着、家装、装饰物的色彩，可以充分反映人的性格、
爱好、品位。色彩一般分为无彩色和有彩色两大类。
5.2.1 无彩色
无彩色是黑色、白色及二者按不同比例混合所得到的深浅各异的灰色系列。无彩色
系没有色相和纯度，只有明度变化。色彩的明度可以用黑白来表示，明度越高，越接近
白色；愈接近黑色，明度愈低。在光的色谱上见不到这3 个色，不包括在可见光谱中，
所以称为无彩色，如图5-2 所示。
图5-2 无彩色
黑色是最基本和最简单的搭配，白字黑底或者黑底白字都非常简明清晰，图5-3 所
示网页即采用黑底白字。
灰色是中性色，可以和任何色彩搭配，也可以帮助两种对立的色彩实现和谐过渡，
图5-4 所示即为灰色搭配的网页。
52 网页布局与配色实战
1
2
3
