CSS3中新增加了很多颜色模式，包括RGBa、HSL、HSLa、alpha颜色值等，下面将会对这些颜色模式进行详细介绍。
1. RGBa 颜色模式
RGBa颜色模式是RGB 颜色模式的增强版，它支持透明度调整。在RGBa颜色模式中，a为alpha通道值，取值范围是0到1。0表示完全透明，1表示完全不透明。RGBa颜色模式的格式为 rgba(R, G, B, a) ，其中R、G、B为红、绿、蓝三种颜色的取值，a是透明度值。
/* 使用RGBa颜色模式 */
background-color: rgba(0, 0, 0, 0.6);
color: rgba(255, 255, 255, 0.8);
2. HSL 颜色模式
HSL颜色模式是描述颜色的一种方式，它包括色相（Hue）、饱和度（Saturation）、亮度（Lightness）三个参数，其中色相表示颜色的实际颜色，饱和度表示颜色的纯度，亮度表示颜色的明暗程度。HSL 颜色模式的格式为 hsl(H, S%, L%)，其中H表示色相，S表示饱和度，L表示亮度，取值范围为0到360。
/* 使用HSL颜色模式 */
background-color: hsl(120, 60%, 70%);
color: hsl(240, 100%, 50%);
3. HSLa 颜色模式
HSLa颜色模式是HSL颜色模式的增强版，它也支持透明度调整。在HSLa颜色模式中，a为alpha通道值，取值范围是0到1。0表示完全透明，1表示完全不透明。HSLa颜色模式的格式为 hsla(H, S%, L%, a)，其中H、S、L同HSL颜色模式，a是透明度值。
/* 使用HSLa颜色模式 */
background-color: hsla(120, 60%, 70%, 0.6);
color: hsla(240, 100%, 50%, 0.8);
4. alpha 颜色值
RGBA和HSLA虽然支持透明度的调整，但需要使用更多的字符。如果只需要快速调整颜色的透明度，可以使用alpha颜色值。alpha颜色值以“”开头，后跟6位十六进制数，最后两位为alpha值。
/* 使用alpha颜色值 */
background-color: 00000099;
color: ffffffcc;
其中，最后两位99和cc表示透明度，范围是00到FF。
总结
CSS3中新增加的颜色模式，为我们提供了更加丰富多彩的颜色选择。在实际开发中，可以根据需要选择不同的颜色模式，使页面的颜色更加生动丰富。