色彩搭配在网站中的运用.pdf

第 3 章 色彩搭配在网站中的应用 色彩本身具有非常微妙的表现力，它们可以产生出一种刺激人们大脑中对某种形式存 在的物体的共鸣，展现出对待生活的新的看法与态度。合理使用色彩扩大了设计者创作的 想像空间，赋予了创作新的不定性。 3.1 网页配色 网页的色彩搭配往往是令初学者感到头疼的问题，尤其是那些完全没有美术基础的人。 对于一个商业网站而言，到底用什么样的色彩进行搭配，才能既好看又合理呢？本节将从 最基础的知识开始，帮助读者掌握色彩的使用。 3.1.1 色彩的基本知识 1．从色谱开始 一条连续彩虹中的“可视光”分解成从蓝到红的色谱，如图 3-1 所示。 图3-1 色谱 在色谱中，线性罗列了所有的基本颜色，也是所有颜色的根本。 2 ．色环 在从红到紫的光谱中，等间的选择两种或两种以上的颜色，相邻的两个色相互混合又 得到另一种特殊的颜色。如此周而复始，从而构成一个首尾相交的环，被称为孟赛尔色相 环，即色环。从本质上讲，色环就是色谱可以看到的颜色所形成的线性连续环。如图 3-2 所示就是一个色环。 图3-2 色环 3．三原色的概念 如同大家所知道的，三原色是能够按照一些数量规定合成其他任何一种颜色的基色。 所有的颜色其实都是由三原色按照不同的比例混合而来。色彩的三原色为红、黄、蓝，而 色光的三原色为红、绿、蓝。 下面将介绍几个关于色彩的重要概念。 色相：指颜色的属性，是红色、绿色还是蓝色。如图 3-3 所示，分别为同一张图 片的三种色相。 图3-3 同一张图片不同色相 纯度：也称作饱和度，是指在同等明度的条件下，颜色从灰色到纯色的变化。如 图3-4 所示为同一张图片，饱和度分别为-100、0、+100 时的状态。 图3-4 同一张图片不同纯度 明度：从黑到白中间增加 9 个均匀过渡的灰度阶段，被称为明度，也叫明度尺。 如图 3-5 所示为同一张图片明度分别为-50、0、+50 时的状态。 36 第3 章 色彩搭配在网站中的应用 Part 1 基 础 图3-5 同一张图片不同明度 篇 3.1.2 常见的配色方案