HTML CSS 支持 140 多种颜色名称，以及十六进制值、RGB 值、RGBA 值、HSL 值、HSLA 值和不透明度。
RGBA 颜色值是 RGB 颜色值的扩展，带有 alpha 通道 – 该通道规定颜色的不透明度。
RGBA 颜色值是这样规定的：rgba(red, green, blue, alpha)。 alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
HSL 颜色指的是色相、饱和度和亮度（Hue、Saturation 以及 Lightness）。
HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。
色相是色轮上的度数（从 0 到 360）：
0（或 360）是红色
120 是绿色
240 是蓝色
饱和度是一个百分比值：100％ 是全色。
亮度也是一个百分比值：0％ 是深色（黑色），而 100％ 是白色。
HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 – 它规定了颜色的不透明度。
HSLA 颜色值由以下参数规定：hsla(hue, saturation, lightness, alpha)，其中 alpha 参数定义不透明度。 alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
不透明度
CSS opacity 属性设置整个元素的不透明度（背景颜色和文本都将是不透明/透明的）。
opacity 属性值必须是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
<style>
#p1 {background-color:rgb(255,0,0);opacity:0.6;}
#p2 {background-color:rgb(0,255,0);opacity:0.6;}
#p3 {background-color:rgb(0,0,255);opacity:0.6;}
#p4 {background-color:rgb(192,192,192);opacity:0.6;}
#p5 {background-color:rgb(255,255,0);opacity:0.6;}
#p6 {background-color:rgb(255,0,255);opacity:0.6;}
</style>
<p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">灰色</p>
<p id="p5">黄色</p>
<p id="p6">樱桃色</p>如果你发现错误或有其他见解，请给www.zhuei.com留言，我们会尽快更新本文！