CSS3中的颜色

颜色控制

• RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间
• CSS3新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继承性，即不会影响子元素的透明度。
• Red、Green、Blue、Alpha即RGBA。
• Hue、Saturation、Lightness、Alpha即HSLA
• R、G、B 取值范围0~255
• H 色调 取值范围0~360，0/360表示红色、120表示绿色、240表示蓝色
• S 饱和度 取值范围0%~100%
• L 亮度 取值范围0%~100%

• A 透明度 取值范围0~1

  透明度：

• opacity只能针对整个盒子设置透明度，子盒子及内容会继承父盒子的透明度；
• transparent 不可调节透明度，始终完全透明
• RGBA、HSLA可应用于所有使用颜色的地方。
• opacity 设置透明度，只能针对整个盒子设置透明度，子盒子会继承父盒子的透明度。
• background-color: transparent; 完全透明，不可调节透明度.
• 使用rgba 来控制颜色，相对opacity ，不具有继承性.