色彩搭配

调色公式——叠加原理

RGB和CMYK模式

色系

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

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

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

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

色相值与代表颜色

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

直方图：

直方图

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

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

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

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

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

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

色相环

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

色彩搭配

（1）单一色系配色

■ 同类色

同类色30°

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

■ 邻近色

邻近色60°

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

（2）多色系配色

■ 对比色

对比色120°

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

□ 等边三角形对比色——

对比色的色系在色相环上彼此距离120度的位置上做连接

等边三角形对比色

■ 互补色

互补色180°

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

□ 四边形互补色——

取色香环上的任意四个色相所在点构成矩形

四边形互补色

配色秩序

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

■ 颜色组成公式：

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

■ 面积大小：

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

■ 主色：

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

■ 衬托色：

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

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

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

■ 强调色：

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

应用操作步骤

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

曲线调色：

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

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

应用展示