296 - 《CSS 颜色表示法》
发布于 2023年5月6日
1、最早的颜色表示是这两种。1)预定义的颜色值,2)十六进制颜色表示法(CSS 2 里引入)。预定义的颜色值比如 red、blue、green 等;十六进制颜色表示法以 #RRGGBB
的格式,其中 RR
、GG
和 BB
分别表示红、绿、蓝三个通道的值,比如 #FF0000
表示红色。
color: red;
color: #FFF000;
十六进制表示法允许在 0-255 的范围内为每个通道指定一个值,从而提供了约 1670 万种颜色的选择。然而,这种表示方法并不直观,难以从颜色代码中直接推断出颜色的外观。
2、然后随着 CSS 3 的推出,引入了 rgb()
、rgba()
、hsl()
和 hsla()
四个函数。rgb()
函数接受三个参数,分别代表红、绿、蓝三个通道的值(范围为 0-255),比如 rgb(255, 0, 0)
表示红色,这相比十六进制更直观,但还不够直观;hsl()
函数接受三个参数: