momo电子书

手机浏览器扫描二维码访问

第56章 生娘不如养娘亲（第4页）

第九十节CSS_颜色_第二种表示rgb或rgba

编写方式：使用红、黄、蓝这三种光的三原色进行组合。

r表示红色

g表示绿色

b表示蓝色

a表示透明度。

举例:

color:rgb（255，0，0）;

color:rgb（138，43，226）

color:rgba（255，0，0，0.5）;

color:rgb（100%，0%，0%）;

color:rgba（100%，0%，0%，50%）;

小规律：

1.若三种颜色值相同，呈现的是灰色，值越大，灰色越浅。

2.rgb（0，0，0）是黑色，rgb（255，255，255）是白色。

3.对于rbga来说，前三位的rgb形式要保持一致，要么都是0~255的数字，要么都是百分比。

在教程中还涉及到一取色器可在尚硅谷配套资料中找到FastStoneCapture取色器后在设置中在工具栏上显示更多按钮里选择小针管进行取色后复制其rgb值写入代码中。

第九十一节CSS_颜色_第3种表示_HEX或HEXA

HEX的原理同与rgb一样，依然是通过：红、绿、蓝色进行组合，只不过要用6位（分成3组）来表达。

格式为：#rrggbb，颜色代入了解十六进制。

注意点：IE浏览器不支持HEXA，但支持HEX。

第九十二节CSS_颜色_第4种表示_HSL或HSLA