以下介绍几种常见的CSS颜色表示方式:
颜色名称
- html和css规范中定义了147种可用的颜色名
- 用的相对较少
16进制表示
- css三原色:红、绿、蓝
- 16进制的颜色值: #rrggbb
- 16进制整数规定颜色成分,所有的值均介于 00 - ff 之间(ff 代表最大,为红、绿、蓝三种)
- 用的相对较多
rgb
- 通过定义三种(红、绿、蓝)三种颜色的强度来定义颜色
- 如:rgb(255,0,0)表示红色
- 所有值介于0-255之间,255表示最大
rgba
- 在rgb的基础上增加了透明度
- a:alpha表示透明度
- rgba(255,0,0,0.5)表示透明度为0.5
- 取值为 0 - 1, 1 表示最深的颜色,完全不透明,0表示完全透明
- 值越小,透明度越高