前端专题 RGB和RGBA（ rgb 和 rgba ），及十六进制 颜色介绍

RGB

三原色，Red， Green，Bule的简称。

在实际前端style中使用的时候是这样的
举个栗子

<div style="background-color: rgb(255,0,0); width: 10px; height: 10px;"></div>

效果就是一个红色的小方块，其中的rgb可以作为颜色的取值工具，或者函数来理解。
变化范围为0~255，三个分别对应三原色的程度，都是零就是没有颜色，没有色彩就是一片黑暗，也就是黑色。对应的全为255则为白色。

不同程度的搭配可以得到以万为单位的颜色种类。

RGBA

多出来的 a 表示的是透明度，和上面的用法一样，但是需要注意的是，其默认值为0，取值范围为0~1之间，可以为小数。

颜色的十六进制表示方法

十六进制 0到9为止使用正常的数字表示，从10开始使用字母A-F分别表示10~15，加上0就是十六个数，当F也就是15再加一的时候重新变为0，上一位进一。
颜色中也可以使用十六进制表示，上面的案例也可以写为

<div style="background-color: #F00; width: 10px; height: 10px;"></div>

同样表示一个红色的小方块。
以 # 开头，后面跟三位或者六位（#FF0000）效果是一致的，但是推荐使用三位表示。要是喜欢也可以使用六位的方式。

十六进制也就是让一位可以表示十六种状态，也就是二的四次方，两位就是相乘的效果，二的八次方，十六乘十六也就是二百五十六，和数字表示的范围是一致的。