上水君玉»惘城落遇 『藏经阁』 创作设计 什么是HSL色彩模式
返回列表 发新帖
查看: 2283|回复: 0

[设计] 什么是HSL色彩模式

[复制链接]
惘城落遇 发表于 2010-10-28 16:53:46
颜色HSL
  H: hue,色调,   S:saturation 饱和度   L lum 亮度
  概述   HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。   HSL色彩模式使用HSL模型为图像中每一个像素的HSL分量分配一个0~255范围内的强度值。HSL图像只使用三种通道,就可以使它们按照不同的比例混合,在屏幕上重现16777216种颜色。
  在 HSL 模式下,每种 HSL 成分都可使用从 0到 255的值。(其中L是从黑(0)到白(255)渐变)
  Windows自带画图程序中菜单栏->颜色->编辑颜色->规定自定义颜色 中可以通过修改E(H)SL的值(0~240)以得到对应RGU(B)的值。
  HSL与RGB转换
  a) RGB→HSL的算法描述。
  步骤1:把RGB值转成【0,1】中数值。
  步骤2:找出R,G和B中的最大值。
  步骤3:设L=(maxcolor + mincolor)/2
  步骤4:如果最大和最小的颜色值相同,即表示灰色,那么S定义为0,而H未定义并在程序中通常写成0。   步骤5:否则,测试L:
  If L<0.5, S=(maxcolor-mincolor)/(maxcolor + mincolor)
  If L>=0.5, S=(maxcolor-mincolor)/(2.0-maxcolor-mincolor)
  步骤6: If R=maxcolor, H=(G-B)/(maxcolor-mincolor)
  If G=maxcolor, H=2.0+(B-R)/(maxcolor-mincolor)
  If B=maxcolor, H=4.0+(R-G)/(maxcolor-mincolor)
  步骤7:从第6步的计算看,H分成0~6区域。RGB颜色空间是一个立方体而HSL颜色空间是两个六角形锥体,其中的L是RGB立方体的主对角线。因此,RGB立方体的顶点:红、黄、绿、青、蓝和品红就成为HSL六角形的顶点,而数值0~6就告诉我们H在哪个部分。H=H*60.0,如果H为负值,则加360。
  b) HSL→RGB的算法描述。
  步骤1:If S=0,表示灰色,定义R,G和B都为L.
  步骤2:否则,测试L:
  If L<0.5,temp2=L*(1.0+S)
  If L>=0.5,temp2=L+S-L*S
  步骤3:temp1=2.0*-temp2
  步骤4:把H转换到0~1。
  步骤5:对于R,G,B,计算另外的临时值temp3。方法如下:
  for R, temp3=H+1.0/3.0
  for G, temp3=H
  for B, temp3=H-1.0/3.0
  if temp3<0, temp3=temp3+1.0
  if temp3>1, temp3=temp3-1.0
  步骤6:对于R,G,B做如下测试:
  If 6.0*temp3<1,color=temp1+(temp2-temp1)*6.0*temp3
  Else if 2.0*temp3<1,color=temp2
  Else if 3.0*temp3<2,
  color=temp1+(temp2-temp1)*((2.0/3.0)-temp3)*6.0
  Else color=temp1
绿水本无忧, 因风皱面;青山原不老, 为雪白头
返回板块
回帖列表
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表