CSS颜色的四种写法

1. 关键字

可直接输入颜色的英文拼写单词

border-color: red;

2. 十六进制

所有浏览器都支持十六进制颜色值

十六进制颜色是这样规定的：
#RRGGBB 其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。
所有值必须介于 0 与 FF 之间。

举例说 #0000ff 值显示为蓝色，这是因为蓝色成分被设置为最高值（ff），而其他成分被设置为 0。

border-color: #0000ff;

3. RGB

所有浏览器都支持 RGB 颜色值

RGB 颜色值是这样规定的：
rgb(red, green, blue)
每个参数 (red、green 以及 blue) 定义颜色的强度，可以是介于 0 与 255 之间的整数，或者是百分比值（从 0% 到 100%）。

举例说 rgb(0,0,255) 值显示为蓝色，这是因为 blue 参数被设置为最高值（255），而其他被设置为 0。

同样地，下面的值定义了相同的颜色：
rgb(0,0,255) 和 rgb(0%,0%,100%)。

border-color: rgb(255,0,0);

4. rgba

以下浏览器支持 rgba 颜色：
IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+

颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道，它规定了对象的不透明度 。
颜色值是这样规定的：
rgba(red, green, blue, alpha)
alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。

值得一提的是，当设置透明度的时候，可以写 0 也可以不写 0

例如：
rgba(255, 0, 0, 0.5)
rgba(255, 0, 0, .5)
这两个效果其实都是一样的

border-color: rgba(255, 0, 0, 1)

参考资料:
w3c：CSS 合法颜色值