调色公式——叠加原理

RGB和CMYK模式

色系

■ 黑白灰——无色系，在设计中不算颜色

■ 判断属于有色系还是无色系：

H（色相——颜色的相貌）
S（饱和度——浓度）
B（明度）

【R(红光)G（绿光）B(蓝光) 最大值为255】

色相值与代表颜色

色相值/度	0/360	60	120	180	240	300
代表颜色	红	黄	绿	青	蓝	洋红

■ 饱和度和明度为100%时为纯色

直方图：

直方图

① 左下角黑色最暗的部分，右上角白色最亮的部分

② 山峰代表颜色含量的多少、集中区域，峰值离哪个点近就调哪个，效果明显

③ 调亮：增加白色和浅灰色、减少黑色和深灰色，调暗则反之

④ 调亮和调色分不同曲线，提高灵活性

调亮：CMYK/RGB曲线，
调色：对应颜色曲线

⑥ 红色对立色为青色，色相值加180

色相环

调出色相环：选择画笔或吸管-三键鼠标右键
设置色相环：编辑-首选项-常规-HUD拾色器-色相轮中
使用色相环：先选择色相再选饱和度和明度

色彩搭配

（1）单一色系配色

■ 同类色

同类色30°

特点：具备一致性和协调感，但要注意文案搭配，否则画面易单调。注意色彩明暗对比，并与主产品相呼应。

■ 邻近色

邻近色60°

特点：与同类色相比，增加了色相对比，更加丰富，但也一样和谐一致，画面感觉相对不易单调，也适合当渐变色使用。

（2）多色系配色

■ 对比色

对比色120°

特点：具有强烈的反差性，鲜明的对比效果能带来丰富的视觉层次和强烈的视觉冲击力，但在色彩搭配上较难把控，容易不协调、杂乱刺眼。要控制好色彩比例或降低明度、饱和度，调和对抗性。

□ 等边三角形对比色——
对比色的色系在色相环上彼此距离120度的位置上做连接

等边三角形对比色

■ 互补色

互补色180°

特点：具有强烈视觉冲击力和创意效果，但要注意面积比例，要有重点颜色，另一个作为氛围渲染。

□ 四边形互补色——
取色香环上的任意四个色相所在点构成矩形

四边形互补色

配色秩序

配色秩序——色彩在整个配色所处的位置、面积等。好的配色秩序才能发挥每一种颜色的特质。

■ 颜色组成公式：

配色=主色背景色强调色衬托色
配色=主色副色点缀色

■ 面积大小：

主色>副色>点缀色
主色最大，再到副色，点缀色最少但明显，可以有很多种

■ 主色：

面积大，且纯度高。
相比面积大但纯度低、明度低的色彩，虽然面积稍小，但在画面中一眼就能看到。
也可以双主色，如利用互补色搭配
支配地位，要契合画面主题，可影响整体感官、作品传达的感受。

■ 衬托色：

为衬托主色而出现，
通常为主色的互补色或对比色，
不能面积太大或纯度太高，否则会削弱主色

■ 背景色：（以产品为参考）

在主色背后若隐若现，实际支配整个画面效果。
即使主角色一样，背景色不同也会给人不同的感觉。

■ 强调色：

牵引提醒的作用通常在焦点的地方使用面积一般较小，面积越小，对比越强，越突出

应用操作步骤

新建画布：750*1200像素
置入产品，吸取产品颜色，调整色相值，加度数，选出同类色（30°）、邻近色（60°）、对比色（120°）、互补色（180°）
抄排版
填充文案

曲线调色：

判断原来是什么颜色
要调成什么颜色
要添加什么颜色就进入哪个通道
先调整明度、饱和度，再调整色相

■ 或者看要加的那个颜色是由哪两种颜色构成的，就加什么颜色