CSS3 - 颜色

CSS3颜色 - 面向初学者和高级开发人员的CSS教程使用示例，通过简单易用的步骤学习层叠样式表。 CSS2和CSS3属性的完整参考手册。

CSS3支持其他颜色属性，如下所示;

RGBA 代表红绿蓝Alpha .它是CSS2的扩展，Alpha指定颜色的不透明度，参数编号是介于0.0到1.0之间的数字. RGBA的示例语法如下所示 :

 ＃d1 {background-color:rgba(255,0,0,0.5);} ＃d2 {background-color:rgba(0,255,0,0.5);} ＃d3 {background-color:rgba(0,0,255,0.5);}

HSL 代表色调，饱和度，亮度 .Here Huge是色轮，饱和度和亮度的度数是0到100％之间的百分比值. HSL的示例语法如下所示 :

 ＃g1 {background-color:hsl(120,100％，50％);} ＃g2 {background-color:hsl(120,100％，75％);} ＃g3 {background-color:hsl(120,100％，25％);}

HSLA 代表色调，饱和度，亮度和alpha . Alpha值指定不透明度，如RGBA所示. HSLA的示例语法如下所示 :

 ＃g1 {background-color:hsla(120,100％，50％，0.3) ;} ＃g2 {background-color:hsla(120,100％，75％，0.3);} ＃g3 {background-color:hsla(120,100％，25％，0.3) ;}

不透明度是一种更薄的涂料，需要添加黑色以增加不透明度.不透明度的示例语法如下所示 :

#g1 {background-color:rgb(255,0,0);opacity:0.6;}  #g2 {background-color:rgb(0,255,0);opacity:0.6;}  #g3 {background-color:rgb(0,0,255);opacity:0.6;}

以下示例显示了rgba颜色属性.

RGBA colors:

Red

Green

Blue

以下示例显示HSL颜色属性。

HSL colors:

Green

Normal Green

Dark Green

以下示例显示了HSLA颜色属性。

HSLA colors:

Less opacity green

Green

以下示例显示了Opacity属性。

HSLA colors:

Red

Green

Blue