CSS 参考手册 目录

CSS 颜色

在网页开发中,颜色是非常重要的一部分,可以通过 CSS 来控制元素的颜色。在 CSS 中,颜色可以用各种不同的方式来表示,包括关键字、十六进制、RGB、RGBA、HSL 和 HSLA。

关键字颜色

CSS 提供了一些预定义的颜色关键字,比如 redbluegreenyellow 等等,可以直接使用这些关键字来设置元素的颜色:

-- -
  ------ ----
-

- -
  ------ -----
-

十六进制颜色

除了关键字颜色以外,还可以使用十六进制颜色来表示颜色。十六进制颜色由 # 开头,后面跟着 6 个十六进制数字,分别代表红色、绿色和蓝色的值。例如 #FF0000 表示红色,#00FF00 表示绿色,#0000FF 表示蓝色。

-- -
  ------ -------- -- -- --
-

---- -
  ------ -------- -- -- --
-

RGB 和 RGBA

RGB 是一种使用红色、绿色和蓝色值来表示颜色的方式,可以用 rgb() 函数来表示。RGBA 是 RGB 的扩展,增加了一个表示透明度的参数,可以用 rgba() 函数来表示。

--- -
  ------ -------- -- --- -- -- --
-

- -
  ------ ------- ---- -- ----- -- ----- --
-

HSL 和 HSLA

HSL 是一种使用色相、饱和度和亮度来表示颜色的方式,可以用 hsl() 函数来表示。HSLA 是 HSL 的扩展,增加了一个表示透明度的参数,可以用 hsla() 函数来表示。

------ -
  ------ ------ ----- ----- -- -- --
-

---------- -
  ------ --------- ----- ---- ----- -- ----- --
-

以上就是 CSS 颜色的一些常见表示方式,通过这些方式可以灵活地控制页面元素的颜色。


上一篇:CSS 单位
下一篇:CSS 合法颜色值