RGB与HSV原理

RGB和HSV是两种颜色表示方法。

RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。目前的显示器大都是采用了RGB颜色标准，在显示器上，是通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的，目前的电脑一般都能显示32位颜色，约有一百万种以上的颜色。

RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好象有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和（两盏灯的亮度嘛！），越混合亮度越高，即加法混合。

有色光可被无色光冲淡并变亮。如蓝色光与白光相遇，结果是产生更加明亮的浅蓝色光。知道它的混合原理后，在软件中设定颜色就容易理解了.

红、绿、蓝三盏灯的叠加情况，中心三色最亮的叠加区为白色，加法混合的特点：越叠加越明亮。

红、绿、蓝三个颜色通道每种色各分为255阶亮度，在0时“灯”最弱——是关掉的，而在255时“灯”最亮。当三色数值相同时为无色彩的灰度色，而三色都为255时为最亮的白色，都为0时为黑色。

HSV是基于人的眼睛对色彩的识别，是一种从视觉的角度定义的颜色模式。是将色彩分解为色调，饱和度及亮度。通过调整色调，饱和度及亮度得到颜色和变化。

下面来了解下HSV颜色空间

（这图大家将就看下）

红，蓝，绿三种颜色夹角120度，就是RGB模式下的3个颜色分量。按我的理解，他们就相当于3个向量，这个六棱锥空间内的点代表了所有的颜色，R(红)，G（绿），B（蓝）三个向量相加便可以得到空间中任意一点。当三个向量强度（亮度）相等时，加起来的方向就是V，即灰色。当灰色最亮时，即三个向量强度最大时，便得到白色。当三个向量强度最低时（亮度为0），便得到黑色。

HSV也是这样三个向量，分别代表色调，亮度，饱和度。因为HSV是基于人的眼睛对色彩的识别，所以我们可以通过慢慢调整三个分量的大小，来得到我们想要的颜色。而在GRB 模式下，我们是不可能这样做的。要注意的是H是一个角度，这三个向量相加同样可以得到这个六棱锥空间中的任意一点。所以RGB与HSB可以相互转换。

在计算机中往往使用RGB颜色系统，因为它操作简单并且和典型的显示硬件直接对应。一般使用32位来表示一个颜色。开始8位代表透明度，接下来每个颜色分量占8位，依次是R,G,,B。所以在编程时，我们往往使用一个int型的变量来储存一种颜色。当我们要对颜色做运算时，需要先将颜色分解在合成。

让我们来看下面这段代码：

/* 输入一个颜色,将它拆成三个部分:

* 红色,绿色和蓝色

*/

public static function retrieveRGBComponent( color:uint ):Array

{

var r:Number = (color >> 16) & 0xff;

var g:Number = (color >> 8) & 0xff;

var b:Number = color & 0xff;

return [r, g, b];

}

上面这个函数中将颜色值依次右移16位，8位，0位，目的是将个颜色分量移到最后8位，然后和OxFF做与运算，0xFF就是前面都是0，最后8位1。与运算的法则就是遇0得0，遇1就是本身。这样就把个颜色分量分离了出来。接下来就可以对每个颜色分量做运算了。

/*

* 红色,绿色和蓝色三色组合

*/

public static function generateFromRGBComponent( rgb:Array ):uint

{

if( rgb == null || rgb.length != 3 ||

rgb[0] < 0 || rgb[0] > 255 ||

rgb[1] < 0 || rgb[1] > 255 ||

rgb[2] < 0 || rgb[2] > 255 )

return 0xFFFFFF;

return rgb[0] << 16 | rgb[1] << 8 | rgb[2];

}

将运算好的各颜色分量重新依次左移16位，8位，0位，就组合得到新的颜色值了。