CSS中有几种颜色表示方法？快速学习!

3 min read

CSS 中颜色的表示方法主要有以下几种：

  1. 十六进制表示法：用 # 符号加上六个字符组成的代码，每两个字符表示红色、绿色和蓝色三个通道的数值，如 #FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝色。

  2. RGB 表示法：用红色、绿色和蓝色三个通道的数值表示颜色，如 rgb(255, 0, 0) 表示红色，rgb(0, 255, 0) 表示绿色，rgb(0, 0, 255) 表示蓝色。

  3. RGBA 表示法：与 RGB 一样，只是多了一个透明度通道，用一个 0 到 1 之间的数值表示透明度，如 rgba(255, 0, 0, 0.5) 表示半透明的红色。

  4. HSL 表示法：用色相、饱和度和亮度三个通道的数值表示颜色，如 hsl(0, 100%, 50%) 表示红色，hsl(120, 100%, 50%) 表示绿色，hsl(240, 100%, 50%) 表示蓝色。

  5. HSLA 表示法：与 HSL 一样，只是多了一个透明度通道，用一个 0 到 1 之间的数值表示透明度，如 hsla(0, 100%, 50%, 0.5) 表示半透明的红色。