[Web 前端] 008 css 颜色表示方法

css 颜色表示法

颜色名表示

• 如
  • red 红色
  • green 绿色
  • blue 蓝色

16 进制数值表示

常见颜色	正常表示	缩写表示
红色	#ff0000	#f00
绿色	#00ff0	#0f0
蓝色	#0000ff	#00f
黑色	#000000	#000 / 0
白色	#ffffff	#fff

• 补充：a - f 可以改成大写

RGB 颜色

• 红(R)、绿(G)、蓝(B)三个颜色通道的变化
• background-color: rgb(n1, n2, n3);
  • n1, n2, n3 取 0~255

RGBA 颜色

• 红(R)、绿(G)、蓝(B)、透明度(A)
• background-color: rgba(n1, n2, n3, n4);
  • n1, n2, n3 取 0~255
  • n4 取 [0, 1]
    • 0 接近透明
    • 1 接近“本色”