使用HSB模式配色

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

听语音

• |
• 浏览：142
• |
• 更新：2016-03-18 09:25
• |
• 标签：搭配 PHOTOSHOP 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

推荐视频

more

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

工具/原料

• photoshop

HSB

1. 1

   H=色相

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

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

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

    

   

   
2. 2

   S=饱和度（纯度）

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

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

   
3. 3

   B=亮度（明度）

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

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

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

   
4. 4

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

5. 5

   色调

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

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

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

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

   
6. 6

   同色相搭配

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

   
7. 7

   同色调搭配

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

   

   
   END

其他搭配方法

1. 色彩的冷暖

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

   
2. 无彩色与有彩色

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

   
3. 零度对比，包括无彩色的对比，无彩色与有彩色的对比，同类色对比，无彩色与同类色对比。

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

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