GUI原理 - 色彩王国

我们所看到的色彩世界，在计算机里，通常用以下三种颜色格式进行描述——RGB、HSL和CMYK。这也是设计师接触最多的，当然还有其他的颜色格式，不过详细的我也忘了。

    先来说RGB吧，这也是我们接触最多的格式。要说RGB，要先得说一下LCD显示器的原理。我直接跳过了CRT的原理，因为LCD与RGB联系也更为紧密，当然CRT也是基于RGB色彩理论的。

    LCD俗称液晶显示器，每一个点都是正方形的，由3个长方形的颜色区域组成，颜色分别是Red、Green、Blue。这都很简单了，大家都知道。通过控制不同液晶的偏转角度，达到控制白光通过液晶后到达人眼的亮度，从而控制颜色的饱和度。这里用的是折射原理，实际上LCD背光只有白光，透过不同的颜色棱镜，就会得到红绿蓝3色。

 

    为什么photoshop在控制RGB色彩的时候，取值范围是0～255呢？这就要涉及到计算机的最小单位了——字节（其实最小应该是Bit），一个字节由8个bit组成，这里是2进制，也就是2的8次方＝256。256肯定是不能要的，这已经超出了8个bit所能够表达的范围，所以，颜色值从0到255。

    那为什么不是7个或者6个bit呢？理论上来说，这都是可行的，但实际人眼的分辨能力在7个bit以上，甚至于8bit，所以这也要满足人眼的可视需求。

    一个单独的颜色量由1个字节表示，那一个点就由3个字节表示，也就是2的24次方，就是我们通常所说的24位色。

    RGB是最为通用的一种格式，实际上以后的显示器可能会扩展到7原色或者更多，而不是现在的3原色，毕竟3原色24bit是不能够表达人眼所能看见的任何颜色的。

    再说说HSL，有的也叫做HSB，L表示lightness，B表示Brightness，都是一个意思。通常，根据人的习惯，我们将棱镜分出来的颜色看作是Hue色调，将颜色的Saturation饱和度和Lightness亮度作为调节色调的基本手段，于是就有了HSL。Windows的调色板，包括Photoshop的调色板，使用的就是HSL方式，可以更直观的选择适合的颜色。

    RGB和HSL的世界是不同的，必须通过一系列复杂的算法才能够互换。如果将RGB看作是一个球体，那HSL就是一个梭体，也就是两个圆锥组成的形体。这两个颜色之间的互转目前也有近似的算法，但也要经过非常复杂的公式才能完成，不过已经避免了平方和开发的麻烦。