认识CSS颜色

在CSS中，颜色，有以下几种表示方法

• 颜色关键字（color keywords）
  ✓ 是不区分大小写的标识符，它表示一个具体的颜色；
  ✓ https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value#%E8%AF%AD%E6%B3%95

• RGB颜色
  ✓ 通过R（red，红色）、G（green，绿色）、B（blue，蓝色）三原色来组成了不同的颜色；
  ✓ 也就是通过调整这三个颜色不同的比例，可以组合成其他的颜色；
  ✓ RGB各个原色的取值范围是 0~255；
  

RGB颜色可以通过以#为前缀的十六进制字符和函数（rgb()、rgba()）标记表示。

方式一：十六进制符号：#RRGGBB[AA]

• R（红）、G（绿）、B （蓝）和A （alpha）是十六进制字符（0–9、A–F）；A是可选的。
  ✓ 比如，#ff0000等价于#ff0000ff；

方式二：十六进制符号：#RGB[A]

• R（红）、G（绿）、B （蓝）和A （alpha）是十六进制字符（0–9、A–F）；
• 三位数符号（#RGB）是六位数形式（#RRGGBB）的减缩版。
  ✓ 比如，#f09和#ff0099表示同一颜色。
• 四位数符号（#RGBA）是八位数形式（#RRGGBBAA）的减缩版。
  ✓ 比如，#0f38和#00ff3388表示相同颜色。

方式三：函数符： rgb[a](R, G, B[, A])

• R（红）、G（绿）、B （蓝）可以是（数字），或者（百分比），255相当于100%；
• A（alpha）可以是0到1之间的数字，或者百分比，数字1相当于100%（完全不透明）；