颜色格式转换

RGB色彩空间

又称RGB颜色模型或红绿蓝颜色空间，是一种加色模型，将红（red）、绿（green）、蓝（blue）三原色的色光以不同的比例相加， 以产生多种多样的色光。 在css中表示方法譬如：rgb(255, 0, 0)表示红色，rgb(255, 255, 255) 表示黑色。

HEX色彩空间

又叫十六进制颜色模式，是用十六进制表示颜色的。形如 #000000 的 格式，这是在css中经常使用的。

RGBA色彩空间

是代表 Red、Green、Blue、和Alpha的色彩空间 。就是在RGB的基础上增加了透明度。 这是css3新增加的色彩模式，它的表示方法是，rgba(255, 255, 255, 0.5)， 其中alpha的取值在0~1之间，0为完全透明，1为完全不透明。与opacity属性的区别是，opacity能影响到其子元素透明度，RGBA不会。

HSL色彩空间

HSL 和 HSV （也叫 HSB ）是对RGB色彩空间中点的两种有关系的表示，它们尝试描述比 RGB 更准确的感知颜色联系，并仍保持在计算上简单。 H指 Hue（色相 ）、S指 Saturation（饱和度 ）、L指 Lightness（亮度 ）、V指 Value（色调） 、B指 Brightness（明度 ）。 色相 （H）是色彩的基本属性，就是平常所说的颜色名称，如红色 、黄色等，取值范围 0-360。 饱和度 （S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取值范围 0-100% 。 明度 （V），亮度（L），取值范围 0-100% 。W3C 的 CSS3 采用的是HSL