css定义颜色的方法四种 |css 3 炫酷效果

1. 关键字颜色值
关键字颜色值是CSS中最常见的颜色定义方法之一，直接使用英文单词或单词的缩写作为颜色值，如red、blue、green等等。此方法比较简单、直观，但不够灵活。
例如：
color: red;
2. 十六进制颜色值
十六进制颜色值是CSS中最常用的颜色定义方法，其格式为#RRGGBB，其中RR、GG、BB分别表示红、绿、蓝三个颜色通道在0 ~ 255之间的数值。在使用十六进制颜色值时，第一个字符可以是小写字母，也可以是大写字母。
例如：
color: #FF0000;
3. RGB颜色值
RGB颜色值也是一种常用的颜色定义方法，其格式为rgb(红色值, 绿色值, 蓝色值)，每个颜色通道的值介于0 ~ 255之间。RGB颜色值具有透明度属性，可以通过rgba()方法定义，其格式为rgba(红色值, 绿色值, 蓝色值, 透明度)，透明度取值范围为0 ~ 1。
例如：
color: rgb(255, 0, 0);
color: rgba(255, 0, 0, 0.5);
4. HSL颜色值
HSL颜色值（色相、饱和度、亮度）是一种比RGB颜色模式更直观、更易于掌握的颜色定义方法。其中，色相H取值0 ~ 360之间，饱和度S取值0% ~ 100%，亮度L取值0 ~ 100%。HSL颜色值同样具有透明度属性，可以通过hsla()方法定义，其格式为hsla(色相值, 饱和度值, 亮度值, 透明度值)。
例如：
color: hsl(0, 100%, 50%);
color: hsla(0, 100%, 50%, 0.5);