使用HSB模式配色

如何利用PS的拾色器搭配颜色 使用HSB模式配色
听语音

推荐视频

more

HSB色彩模式是基于人眼的一种颜色模式。是普及型设计软件中常见的色彩模式。H是色相Hue,S是饱和度Saturation,B是亮度Brightness。这三者是色彩的三要素。根据HSB色彩模式可以指导我们更好地搭配颜色。

如何利用PS的拾色器搭配颜色 使用HSB模式配色

工具/原料

  • photoshop

HSB

  1. 1

    H=色相

    打开PS,新建文件,单击前景色打开拾色器。

    色相,是区分色彩种类的名称,如红、黄、蓝等就是不同的色相。

    色相使用色相环表示,0°为红色,和360°重合,30°即可变一种色相。

     

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  2. 2

    S=饱和度(纯度)

    就是色彩的鲜艳程度,红色是纯度最高的,在所有的色相里它的色彩最鲜艳,蓝绿色纯度最低;饱和度低色彩就偏灰。

    在该模式里,饱和度分0-100%,数值越大越鲜艳。越小越柔和浅色(针对HSB模式而言,小编其实有点懵,因为饱和度低就会偏脏,而偏向于黑色,但在该模式下是偏白,感觉饱和度当明度用了)。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  3. 3

    B=亮度(明度)

    就是色彩的明暗程度,白色明度最高,其次黄色,紫色的明度最低。

    亮度分0-100%,数值越大越明亮(在该模式下100就是正常的鲜艳颜色不能达到变浅只能达到变暗,所以要变浅只能改动S),越小就越暗沉。

    看文字感觉很莫名其妙就直接看拾色器吧,管它什么饱和度亮度。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  4. 4

    在HSB模式里无论H为何值,S=0为白色,B=0为黑色。

  5. 5

    色调

    色调可以表示明度饱和度的综合变化,有鲜艳生动,浅淡优雅,灰暗浑浊之分。

    把HSB模式里的明度饱和度平均划分三种程度,低度(大概0~33%)、中度(34~66%)、高度(67~100%),即有九种色调的组合。

    高饱和高明度的色彩鲜艳,中饱和中明度的色彩柔和,低饱和低明度的色彩暗沉。

    在HSB模式,一般来说低/中/高饱和高亮度的色彩都显得年轻有活力,其中饱和度低的显得浅淡。低亮的色彩显得成熟稳重沉闷。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  6. 6

    同色相搭配

    H相同,只改变S和B。另外色相加减15°,可以使搭配的颜色更加有层次感。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  7. 7

    同色调搭配

    S和B相同,H不同。另外色调可以加减10%。下图是中饱和高亮度的不同色相变化。S=40,B=100,H分别为0°,30°,60°等的色彩变化。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
    如何利用PS的拾色器搭配颜色 使用HSB模式配色
    END

其他搭配方法

  1. 色彩的冷暖

    根据人的心理感受把颜色分成冷色调(青、蓝)、暖色调(红、橙、黄)和中性色调(紫、绿、黑、白、灰)。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  2. 无彩色与有彩色

    黑白灰为无彩色,只有亮度(明度)的差异而不具有色相和饱和度。由于没有色相所以可以和任何颜色搭配在一起。常用来突显有彩色。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
  3. 零度对比,包括无彩色的对比,无彩色与有彩色的对比,同类色对比,无彩色与同类色对比。

    调和对比,包括临近色对比,类似色对比,中度色对比。

    强烈对比,包括对比色对比,互补色对比。

    如何利用PS的拾色器搭配颜色 使用HSB模式配色
    如何利用PS的拾色器搭配颜色 使用HSB模式配色
posted @ 2016-09-20 11:18  编程未来  阅读(938)  评论(0编辑  收藏  举报