学会使用RGB颜色值

大家可能都知道，所有的颜色都可以由红色、绿色、蓝色这三种颜色混合叠加而成。显示器其实也是由这三种颜色的发光极构成的，因此我们可以用三种颜色各自的叠加量来表示不同的颜色，这就是RGB色彩模式。

网页中最常用的一种表示颜色的方式就是使用RGB颜色值。三种原色分别以两位的十六进制数字共256个色阶表示，色阶的最大值为ff，最小值为00。颜色的值以#开始，然后按照红色、绿色、蓝色的顺序依次排列，例如#ff0000。这种方式理论上共可表示16777216（256×256×256）种颜色。

动手写9.7.1 RGB颜色

有些RGB颜色可以被简写为三位的数字形式，例如#rrggbb可以被简写成#rgb的格式。

动手写9.7.2 RGB颜色的简写

RGB颜色还可以用函数的形式表示。CSS的rgb函数接收三个参数，依次是红色、绿色、蓝色这三种颜色的十进制数字色阶值，组成形如rgb(red, green, blue)的颜色值。(www.xing528.com)

动手写9.7.3 以rgb函数格式表示的RGB颜色

rgb函数的参数还可以是百分比格式，这类似于上一节讲的百分比宽度，100%相当于255×100%=255，0%则相当于0。

动手写9.7.4 rgb函数参数为百分比的RGB颜色

rgb函数的每个参数值理论上应当是在0和255的闭区间内的整数。当参数的值大于255时，会被自动转成255；当参数小于0时，会被自动转成0。

动手写9.7.5 rgb函数的参数超过正常值