颜色单位

在css里可以直接使用颜色来设置各种颜色(不方便）

RGB值

RGB通过三种颜色的不同浓度来调配出不同颜色 R：red G:green B:blue 每一种颜色的范围都在0-255之间 语法：RGB（红色，绿色，蓝色） 这里是光的三原色：所以都为0时为黑色，都为255为白色

RGBA

A:在RGB基础上多一个不透明效果（1不透明——0完全透明）

十六进制的RGB值

语法：#红色绿色蓝色 颜色浓度：00-ff 如果符号两位两位相同，可以简写：#aabbcc -->#abc

HSL值和HSLA值

H：色相（0~360） S：饱和度 颜色浓度（0%——100%） L：亮度 颜色的亮度（0%——100%） A:不透明度 例子：

<style>
        .box{
            width: 100px;
            height: 100px;
            color: rgb(255, 0, 0);
            color: rgba(red, green, blue, alpha);     
            color: hsl(hue, saturation, lightness); 
            color: hsla(hue, saturation, lightness, alpha);     
        }

    </style>