内容发布更新时间 : 2024/5/18 4:48:59星期一 下面是文章的全部内容请认真阅读。

教学目标

教学目的与要求：

了解三原色的概念、 色彩的属性、色彩模式和Web 216安全色 ，了解网页配色技巧。

教学内容：

1.三原色的概念 2.色彩的属性 3.色彩模式 4.Web 216安全色 5.网页配色技巧

重点难点：

三原色的概念 网页配色技巧

教学内容

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不仅是优美的版式或者美丽的图片，更是网页的色彩。网页对色彩有较大的依赖性，色彩可以决定网站的整体风格，也可以决定网站所表现的情绪。

1．三原色的概念

根据全色光各复合部分的波长（长波、中波和短波），可以将全色光解析为3种基本颜色，即红（Red）、绿（Green）和蓝（Blue）三原色光。其他的色彩都可以用这三种色彩按不同的比例调和而成。网页HTML语言中的色彩表达就用这三种颜色的数值表示。例如：红色是(255，0，0)，十六进制的表示方法为 (FF0000)，白色为(FFFFFF)，经常看到的“bgColor=#FFFFFF”就是指背景色为白色。

2．色彩的属性

任何一种色彩都会具备色相、饱和度和明度3种基本属性。这3种基本属性又被称为色彩的3要素。修改这3种属性中任意一种，都会影响原色彩其他要素的变化。

（1）色相 色相是由色彩的波长产生的属性，根据波长的长短，可以将可见光划分为6种基本色相，即红、橙、黄、绿、蓝和紫。根据这6种色相可以绘制一个色相环，表示6种颜色的变化规律。

在Photoshop等图像处理软件中，通常用一种渐变色条来表示色彩的色相。

（2）饱和度 饱和度是指色彩的鲜艳程度，又称彩度、纯度。色彩的饱和度越高，则色相越明确，反之则越弱。 在色彩中，六色色相环中的6种基础色饱和度最高，黑、白、灰没有饱和度。

（3）明度 明度是指色彩的明暗程度，也称光度、深浅度。色彩的明度越高，则颜色越明亮，反之则越阴暗。 在无彩色系中，明度最高的是白色，而最低的是黑色。在有彩色系中，明度最高的是黄色，最低的是紫色。

3．色彩模式 自然界中的颜色种类繁多，单纯以颜色的名称来表示颜色是无法适应平面设计及工业生产需要的。因此，人们引入了色彩模式的概念。

色彩模式是表示色彩的方法。在不同的应用领域里，表示色彩的方式也有很大区别。在平面设计领域，常用的色彩模式主要分为两种，即RGB色彩模式和CMYK色彩模式。

（1）RGB色彩模式 RGB色彩模式主要是应用于输出CRT显示器的一种色彩模式，其采用加法混色法，以描述各种可见光在颜色中占据的比例来分析色彩。RGB色彩的基准是光学三原色（红、绿和蓝）。

在RGB色彩模式中，红、绿和蓝三种颜色的比例均以两位的十六进制数值来表示。颜色表示方式为：#RRGGBB。其中RR、GG、BB的取值范围均为：（ 00，FF）。例如，当3种颜色强度均为FF时，则形成白色；而当3种颜色强度均为00时，则形成黑色。即#FFFFFF表示白色，#000000表示黑色，#FF0000表示红色，#00FF00表示蓝色等等。

（2）CMYK色彩模式 CMYK色彩模式是主要应用于印刷品的一种色彩模式。其原理是根据印刷时使用的四色油墨混合的比例实现各种色彩，因此属于减法混色法。

4．Web 216安全色 在早期各种浏览器中，图像的颜色显示方式并不统一，同样一种颜色在不同的网页浏览器中可能会显示不同的颜色。 为了保证网页基本的色彩显示，人们规定了216种颜色的显示方法，这