CSS 3 颜色表示法

2023-11-09 03:46•css•阅读 4709

1,Color Name:red 优点:方便记忆缺点:数量少不支持透明度

2,HEX方式:#FFFFFF 优点:颜色种类多缺点:换算复杂需要借助工具

3,RGB方式:rgb(255,0,0) 优点:支持的颜色种类多方便使用, 缺点:换算复杂需要借助工具

4,RGBA方式rgba(255,133,023,0.5) 前三个参数的取值范围是0~255,或者是百分比表示法,第三个代表透明度取值范围0~1

5,HSL方式:(色轮记忆法):HSL(120,100%,50%);

H: 色调取值范围0~360 0或者360表示红色 120表示绿色 240表示蓝色色轮表示法你想旋转

S: (饱和度)取值范围0%--100% 所谓的饱和度就是色彩的纯度,纯度越高越鲜明,纯度越低越暗

L: (亮度)取值范围0.0%--100%

5,HSLA方式 :HSLA(120,100%,80%,0.5) A代表透明度取值范围0--1之前值改变颜色的设置不影响别的标签的照常使用,可以做成图片的透明度下面显示字体.两个标签重叠都可以显示

6,color:transparent; 设置文本颜色透明度;特殊颜色表示透明色,可以直接当做颜色使用只改变字体不会影响别的标签照常显示

7,opacity:0.1;取值范围(0~1); 设置整体透明度

filter:alpha(opacity=50); alpha的取值范围0--100(IE)