CSS中颜色单位是一种关于颜色表示的重要方式。在CSS中，可以使用多种颜色单位来指定颜色。

color: rgb(255, 0, 0); /* 使用rgb颜色单位来指定红色 */
color: #ff0000; /* 使用十六进制颜色单位来指定红色 */
color: hsl(0, 100%, 50%); /* 使用HSL颜色单位来指定红色 */
color: red; /* 使用预定义的颜色名称来指定红色 */

其中，rgb单位指定的颜色由3个数字组成，每个数字表示红、绿、蓝三个颜色通道的数值，取值范围为0~255。而十六进制颜色单位在#后面表示红、绿、蓝三个颜色通道的数值，每个数值取值范围为00~FF。

HSL颜色单位则是通过指定颜色的色相、饱和度和亮度来表示颜色。色相的取值范围是0~360，表示颜色在色轮上的位置；饱和度的取值范围是0%~100%，表示颜色的纯度；亮度的取值范围也是0%~100%，表示颜色的亮度。

除了以上三种颜色单位，CSS还预定义了一些常用颜色的名称，如红色、绿色、蓝色等。这些名称可以直接在CSS样式中使用，无需指定具体的数值。

color: green; /* 直接使用颜色名称来指定绿色 */
color: rgba(0, 255, 0, 0.5); /* 使用rgba颜色单位来指定半透明的绿色 */

其中，rgba颜色单位和rgb单位类似，不同之处在于多了一个alpha通道，用于指定颜色的透明度，取值范围为0~1。

总之，了解并熟练掌握不同的颜色单位对于编写优雅且有效的CSS样式代码非常重要。