css常用的颜色单位有哪些

CSS常用的颜色单位有很多，常见的有以下几种：

  
    /* 十六进制值 #rrggbb */
    body {
      background-color: #000000;
    }
  

十六进制值是最常用的颜色单位，其格式为#rrggbb，其中rr、gg、bb为十六进制的数值，分别表示红、绿、蓝三个颜色通道的值。如黑色的十六进制值为#000000，白色的十六进制值为#ffffff。

  
    /* RGB值 rgb(r,g,b) */
    h1 {
      color: rgb(255,0);
    }
  

RGB值也是常见的颜色单位，其格式为rgb(r,b)，其中r、g、b为0~255之间的整数值，分别表示红、绿、蓝三个颜色通道的值。如红色的RGB值为rgb(255,0)，绿色的RGB值为rgb(0,255,0)。

  
    /* RGBA值 rgba(r,b,a) */
    div {
      background-color: rgba(0,0.5);
    }
  

RGBA值与RGB值类似，只是新增了一个不透明度的值a，其取值范围为0~1之间的浮点数，表示颜色的不透明程度。如上述代码表示蓝色不透明度为50%的颜色。

  
    /* 颜色关键字 */
    p {
      color: red;
    }
  

颜色关键字就是预定义好的一些颜色名称，如red表示红色，green表示绿色等。常用的颜色关键字有black、white、red、green、blue等。

除了以上几种颜色单位，CSS还支持HSL值、HSV值、颜色函数等，这里不再赘述。