296 - 《CSS 颜色表示法》

发布于 2023年5月6日

1、最早的颜色表示是这两种。1)预定义的颜色值,2)十六进制颜色表示法(CSS 2 里引入)。预定义的颜色值比如 red、blue、green 等;十六进制颜色表示法以 #RRGGBB 的格式,其中 RRGGBB 分别表示红、绿、蓝三个通道的值,比如 #FF0000 表示红色。

color: red;
color: #FFF000;

十六进制表示法允许在 0-255 的范围内为每个通道指定一个值,从而提供了约 1670 万种颜色的选择。然而,这种表示方法并不直观,难以从颜色代码中直接推断出颜色的外观。

2、然后随着 CSS 3 的推出,引入了 rgb()rgba()hsl()hsla() 四个函数。rgb() 函数接受三个参数,分别代表红、绿、蓝三个通道的值(范围为 0-255),比如 rgb(255, 0, 0) 表示红色,这相比十六进制更直观,但还不够直观;hsl() 函数接受三个参数:

内容预览已结束

此内容需要会员权限。请先登录以查看完整内容。