css 颜色

光色的三原色如图：

红 + 绿 = 黄             绿 + 蓝 = 天蓝                  蓝 + 红 = 紫

css中颜色的表示方法有几种：

1. 颜色值为颜色名称的颜色（比如 red）
2. 颜色值为十六进制值的颜色（比如 #ff0000）
3. 颜色值为十六进制值的缩写的颜色（比如 #f00）
4. 颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)

这里我讲一下2,3,4的情况。

一、十六进制值的颜色

十六进制值颜色意味着它使用16个不同的符号：符号 0-9 代表数值 0 到 9 ， A、B、C、D、E、F 代表数值 10 到 15 ，总共 16 个可能的数字，提供1600 万种颜色。

十六进制值颜色遵循 rgb 格式，即 red-green-blue（红-绿-蓝）：前两位表示颜色中红色的数量，第三四位代表绿色的数量，第五六位代表蓝色的数量， 0 表示最小数值，F 表示最大数值，数值越小，颜色越深；数值越大，颜色越浅 。

二、十六进制值的缩写的颜色

平时我们也会遇到 3 个数值表示颜色的情况，3 个数值是十六进制颜色的缩写：当前两位数值相同，第三四位数值相同，第五六位数值相同的情况下就可以缩写。这个缩写形式给出一个数字为红色，一个数字为绿色，一个数字为蓝色。缩写将把所有可能的颜色总数减少到大约4000种。

如：红色的十六进制码 #FF0000  缩写为 #F00；颜色#717171就不能缩写。

三、 rgb 代码的颜色

使用 RGB，是使用RGB指定每个颜色的亮度，数字介于0到255之间；而一个颜色的两位数字等于16 乘以 16，即256个总值，因此，从零开始计数的 RGB 具有与十六进制代码完全相同数量的可能值。

四、颜色表示

1、纯色

	纯红	纯绿	纯蓝
一	#FF0000	#00FF00	#0000FF
二	#F00	#0F0	#00F
三	rgb(255,0,0)	rgb(0,255,0)	rgb(0,0,255)

 

 

 

 

 

2、混色：

1.  红 + 绿 = 黄；     绿 + 蓝 = 天蓝；       蓝 + 红 = 紫；
2. 两种颜色混合，哪种颜色的数值越大，显现的颜色越接近哪种颜色；
3. 三种颜色混合，哪两种颜色数值大，显现的颜色越接近这两种颜色的混色，数值最低的颜色值越大，最终显现的颜色越浅；数值最低的颜色值越小，最终显现的颜色越深；
4.  通过平均混合所有三种颜色得到不同灰度等级的灰色，#000000，#000，rgb（0,0,0）灰度最高，即黑色； #FFFFFF，#FFF，rgb（255,255,255）灰度最低，即白色。