颜色

网页颜色颜色基本特征（三要素）颜色模式颜色使用技巧（重点）

网页颜色

简介：

网页颜色是在万维网上设计网页时，表示各种颜色的方法。颜色可以用三组十六进制数字表示，部分常用颜色或和上下文相关的内容也可以用英语名称的“关键字”来表示。此外还有直接使用多组十进制表示的方法。

十六进制数字表示方法

在HTML和CSS中使用3字节共6个十六进制数字表示一种颜色，每字节从00到FF，相当十进位数字从0到255，按顺序前两位是红色的值，中间两位是绿色的值，最后两位是蓝色的值。

由于网页是基于计算机浏览器开发的媒体，所以颜色以光学颜色RGB（红、绿、蓝）为主。 网页颜色是以16进制代码表示，一般以“#”号开头，后面分别为R、G、B的16位进制数。 FF为最大数，代表十进制255。比如白色是R、G、B三个颜色最大，在网页代码便是：#FFFFFF。黑色是三个颜色为0，在网页代码便是：#000000。当颜色代码为#XXYYZZ时，可以用#XYZ表示，如#135与#113355表示同样的颜色。在CSS中，也可以使用rgb(127,127,127)代替#7F7F7F（十进制表示）。

例如一种颜色在十进位中红、绿、蓝的比例分别是36、104、160，在十六进位制中则分别为24、68、A0，所以十六进位制数字表示方法就为：2468A0，如果数字小于16，在十六进位中就会小于10，前面就要加0，如在十进位中分别为0、1、2，在十六进位制数字表示方法中就为：000102，所以可以表示的颜色数总共有：2563 = 16,777,216 种。

CSS颜色模块第四版引入了#RRGGBBAA和#RGBA的表示方式。

十进制“函数”表示

从CSS 2.1开始，提供有rgb(red,green,blue)的十进制颜色代码。

从CSS 3开始，网页颜色支持RGBA和HSLA颜色表示法：

rgba(255,0,0,0.5) - 半透明的红色。hsla(120,100%,50%,0.3) - 半透明 (0.3) 的绿色。

这样的语法提供了使用透明色的可能性。

颜色基本特征

色相： 色相是有彩色的最大特征。所谓色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲，各种色相是由射入人眼的光线的光谱成分决定的。对于单色光来说，色相的面貌完全取决于该光线的频率；对于混合色光来说，则取决于各种频率光线的相对量。物体的颜色是由光源的光谱成分和物体表面反射（或透射）的特性决定的。

纯度：色彩的纯度是指色彩的纯净程度，它表示颜色中所含有色成分的比例。含有色彩成分的比例愈大，则色彩的纯度愈高，含有色成分的比例愈小，则色彩的纯度也愈低。可见光谱的各种单色光是最纯的颜色，为极限纯度。当一种颜色参入黑、白或其他彩色时，纯度就产生变化。当参入的色达到很大的比例时，在眼睛看来，原来的颜色将失去本来的光彩，而变成掺和的颜色了。当然这并不等于说在这种被掺和的颜色里已经不存在原来的色素，而是由于大量的参入其他彩色而使得原来的色素被同化，人的眼睛已经无法感觉出来了。

明度：有色物体色彩的纯度与物体的表面结构有关。如果物体表面粗糙，其漫反射作用将使色彩的纯度降低；如果物体表面光滑，那么，全反射作用将使色彩比较鲜艳。

颜色模式

简介：颜色模式，是将某种颜色表现为数字形式的模型，或者说是一种记录图像颜色的方式。分为：RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式。

各个模式概述：

颜色使用技巧（重点）

所有技巧建立在 色轮（色环） 之上

色环是在彩色光谱中所见的长条形的色彩序列，只是将首尾连接在一起，使红色连接到另一端的紫色，色环通常包括12~24种不同的颜色。按照定义，基色是最基本的颜色，通过按一定的比例混合基色可以产生任何其它颜色。

公式技巧

单色搭配：在确定了某一个色调之后，通过改变其饱和度和色值，来创造其他的辅色，好处： 能够最大程度的保证匹配与和谐相似搭配：在确定了色轮上某一个色调后，选取相邻的色调来进行创造搭配互补色搭配：在确定了色轮上某一个色调后，选取对立色调来进行创造搭配分裂互补搭配：在确定了色轮上某一个色调后，选取对立色调的相邻两个色调来进行创造搭配三元配色（三角配色）：使用三个在色轮上呈现等边三角形的色调进行创造搭配四元色搭配：使用四个在色轮上呈现矩形的色调进行搭配创造

实践原则

遇到刺眼的色调可以通过调整三要素来缓和你的搭配需要高可读性，可以中性色来平衡多色画面颜色通常带来信息，低饱和度的画面显得更商务，色值较高的画面则更加现代