开发中常见的CSS颜色写法

HEXA好像也不常用，只是以前一直认为HEX不能设置透明度

1. HEX(十六进制颜色值)：#FF0000

2. RGB(十进制颜色值)：rgb(255, 0, 0)

3. RGBA(A是透明度)：rgba(255, 0, 0, 0.5)

4. HEXA(A是透明度)：#FF000078

直接就用

以上常见的就是rgb模型颜色
所谓rgb就是red、green、blue三种颜色混合，
每种颜色的浓度是0~255，所以纯红就是rgb(255, 0, 0)
基于以上理解HEX就是将对应的rgb转换为16进制的写法
255对应的16进制是FF，所以纯红就是#FF0000

RGBA中的第四个数值就是透明度百分比，范围0~1，值越大越亮
同理HEXA的A也是16进制，范围是00~FF，值越大越亮，#FF000078中的78对应十进制120,120在255中的占比约为0.47，所以相当于rgba(255, 0, 0, 0.47)

下面是开发中不常用的颜色写法

1. HSL颜色值：
   使用 hsl() 函数定义颜色，参数为色调（Hue，0-360度）、饱和度（Saturation，0%-100%）和亮度（Lightness，0%-100%）。
   示例：hsl(0, 100%, 50%) 表示红色。
2. HSLA颜色值：
   与 hsl() 类似，但多了一个alpha通道，用于设置颜色的透明度。
   示例：hsla(0, 100%, 50%, 0.5) 表示半透明的红色。