这节课我们来学习下HSB颜色模式。

前面我们提到过RGB和CMYK色彩模式,但这两种色彩模式都比较抽象,不符合我们对色彩的习惯性描述。

比如下面这幅图像,如果问:图中鲜花的RGB或CMYK值是多少?

能答出来的估计没有。

同样如果现在要你在RGB模式下组合出一个浅绿色,也很难准确地做到。

cmyk色卡和rgb的区别(HSB颜色模式和RGBCMYK有什么不同)(1)

习惯上我们都会说黄色、深红、浅红和浅绿的叶子。

我们大脑对色彩的直觉感知,首先是颜色的相貌,也就是红橙黄绿青蓝紫中的一个,然后是它的深浅度。

HSB色彩就是由这种模式而来的,比起 RGB颜色模式它使用了更贴近人感官直觉的方式来描述色彩,它把颜色分为色相(Hue)、饱和度(Saturation)以及亮度(Brightness)三个因素。

色相:就是颜色相貌,红橙黄绿青蓝紫。

饱和度:就是色彩的浓度,饱和度高色彩比较鲜艳。饱和度低色彩就看起来偏灰色,色彩不鲜艳。

亮度:就是明暗,就像现在智能手机的亮度调整,亮度高色彩明亮,亮度低色彩暗淡。亮度最高得到纯白,最低得到纯黑。

360百科上对HSB是这样解释的: HSB模式中S和B呈现的数值越高,饱和度明度越高,页面色彩强烈艳丽,对视觉刺激是迅速的,醒目的效果,但不益于长时间的观看。

HSB与HSV相同。

色相(H,hue):在0~360°的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。黑色和白色无色相。

饱和度(S,saturation):表示色彩的纯度,为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时,每一色相具有最纯的色光。取值范围0~100%。

亮度(B,brightness或V,value):是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。取值范围0~100%。

那下面我们通过实际的演示来看一下HSB在操作中的实际运用!

通过【窗口-颜色】打开颜色面板,切换到HSB模式。

cmyk色卡和rgb的区别(HSB颜色模式和RGBCMYK有什么不同)(2)

如果我们需要一个浅绿色,那么先将色相拉到绿色,再调整鲜艳、明暗到合适的位置。

cmyk色卡和rgb的区别(HSB颜色模式和RGBCMYK有什么不同)(3)

其实大家对于HSB并不陌生,我们在拾色器选取颜色的时候一直在用的就是这种模式,也是在右侧选择色相,再选择明暗鲜艳。

cmyk色卡和rgb的区别(HSB颜色模式和RGBCMYK有什么不同)(4)

比起 RGB 系统,HSB 使用了更贴近人类感官直觉的方式来描述色彩,这也是很多初学者说到调色只认色相饱和度的一个原因。

更多原创PS视频教程,字体,logo设计视频教程,评论本文后,私信回复“教程”领取!

,