T0:前言

强烈推荐去看这个大佬的 教学视频 ,全时长07:56,但是内容却是丰富多彩,节奏超强,我的这篇文章只是为这个视频的笔记而已,视频观看建议0.5倍速!
顺便提一句,为了便于理解记忆,本文图片较多,建议Wi-Fi食用
再说一遍,有时间就去看看视频,本文只是笔记!

一、HSB色彩属性

H-色相hue：

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

2、CG色相环中红色是0°，绿色是120°，蓝色是240°

色环

3、色相搭配：

• 同类色搭配→夹角在15°的颜色，同类色

  
  同类色

• 邻近色搭配→夹角在45°的颜色，邻近色

  
  邻近色

• 对比色搭配→夹角在120°的颜色，对比色

  
  对比色

• 互补色搭配→夹角在180°的颜色，互补色

  
  互补色

S-饱和度saturation：

1、也被称为纯度，颜色的纯净程度

2、色板中，越靠近右边，色彩越鲜艳，相对应的饱和度就越高，反之越低

3、为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光

饱和度

B-明度brightness：

1、明度是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态

明度

二、七大色调

色调是饱和度与明度结合的产物

色调区

1、白色调高调区

饱和度很低,明度很高,看上去很类似于白色

白色调 白色调示例

2、粉色调高调区

饱和度要比白色调高一些.明度要比白色调低一些

粉色调 粉色调示例

3、明色调高调区

相对应的鲜艳一些,但也不是过度的浓艳!

明色调 明色调示例

4、鲜色调高调区

明度和鲜艳度都非常高,给人视觉冲击力很强!

鲜色调 鲜色调示例

5、灰色调中调区

也就是平时说的高级灰,饱和度不高,明度也不高,看上去比较有高级感

灰色调

6、深色调中调区

深色调相比灰色调,饱和度会更高,看上去会更加的深邃

深色调

7、黑色调低调区

接近于黑色的色调,饱和度和明度都很低

黑色调

三、六大搭配原则

仅仅知道色调是不够的,更重要的是知道怎样去搭配!

1、互补色平衡

也可以说互补色、对比色平衡

互补色平衡

蓝色主色调,用黄色平衡,可以稍微提升一些画面的活力

互补色平衡示例

2、冷暖平衡

冷暖平衡

大面积的暖色,适当的搭配一些冷色,降低画面的燥热感,达到冷暖平衡

冷暖平衡示例

3、深浅平衡

深浅平衡
画面中的颜色应该有深有浅、有虚有实
比如主色调为浅色系,则可以搭配深色系的色调,进行平衡

左边的 深浅失衡 了,底色是比较浅的颜色,而字的颜色同样比较浅,这样就会导致深浅失衡
为了增加深浅对比,这里的字体应该用深色调或者黑色调,在色相不变的情况下,画面会变得更加和谐

深浅平衡示例

两张图都转化为灰度,层次感的对比一下就出来了

深浅平衡示例2

4、色彩面积平衡

画面中要有主色、辅助色和点缀色,

色彩面积平衡

色彩	面积
主色	大概70%
辅助色	大概25%
点缀色	大概5%

• 主色:粉红 辅助色:粉蓝 点缀色:粉白

  
  色彩面积平衡示例

5、有色彩和无色彩平衡

有色彩和无色彩平衡

6、花色和纯色平衡

花色喧闹,纯色安静

花色和纯色平衡