PPT调色教程

示例2 平行色彩做渐变
渐变1 ，233，110 渐变2 ，233，110
前面我们讲的是一个元素基于垂直色彩的渐变，这里讲 讲平行色彩的渐变。平行色彩的渐变表达的也是一种颜 色的平等关系，平衡感较强
示例3 斜交色彩做渐变
渐变1（即白色）
33，233，255
渐变2
33，233，
渐变3 0，233，110
色彩的三大关系
平行 垂直 斜交
平行色彩
在HSL色彩模式下 只调节色调
主要用于不同元 素的并列关系或 同一元素的渐变
平行关系色彩
在HSL色盘上的
位置关系
示例1
示例2
特例
慎用灰色:
要表达并列关系的元素时，灰色应与多种色调搭配，且 灰色不宜过多。否则很容易形成强调关系或整体不协调。
垂直色彩1
如果要打破这种平衡感，呈现层次性的变化，斜交色彩 就有了用武之地。
示例3 斜交色彩做渐变
任何两种颜色，都可以斜交方式3得到。所以斜交色彩配色更加丰富，
也更加复杂，但也运用的较为广泛。掌握了HSL调整方法，多加尝试和 练习，会让我们配色更加自如
平行色彩
调色调
垂直色彩1
调亮度
垂直色彩2
调饱和度
斜交色彩
平行+垂直色彩
最后请牢记
渐变1和线框色 170，233，150 阴影 170，233，48
渐变2 190，233，110
渐变1和线框色 190，233，150 阴影 190，233，48
渐变2 200，233，110
渐变1和线框色 200，233，150 阴影 200，233，48
*这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值
示例 平行色彩做多种色调
渐变2 63，233，110
渐变1和线框色 63，233，150 阴影 63，233，48
渐变2 80，233，110
渐变1和线框色 80，233，150 阴影 80，233，48
Hale Waihona Puke Baidu
渐变2 124，233，110
渐变1和线框色 124，233，150 阴影 124，233，48
漫谈PPT色彩
@只为设计的微波
RGB色盘
RGB
R:255 G:92 B:0
RGB是最常见的色彩模式 但本ppt用的是HSL模式
HSL色盘
HSL
H:32 S:255 L:128
HSL与RGB模式可以很方 便地进行切换
我们只需要
点击如图下拉箭头，切换到HSL 模 式，在 HSL 下修改数值，再切换到
层次变化表现为: 元素的并列关系是由于色彩分布 错落有致，其中最明显的色彩一 般置于中央，淡化了色彩的层次
释疑
色彩由浅到深分布，突出了变化趋势， 层次就明显了
垂直色彩2
在HSL色彩模式下 只调节饱和度
表达的是同一 / 不同 元素基于某种色调的 层次变化关系，与垂 直色彩1意义相同
联系
垂直色彩2
在HSL色彩模式下 只调节亮度
表达的是同一 / 不同 元素基于某种色调 的层次变化关系
垂直关系1色彩
在HSL色盘上的
位置关系
示例1
H:11 S:234 L:119
H:11 S:234 L:151
H:11 S:234 L:39
同一元素
单色
渐变
综合
边框
阴影
示例2
不同元素
释疑
层次变化表现为： 强调元素用深色 非强调元素用浅色或灰色
后调节亮度
L：128→95
HSL: 56,83,95
HSL: 56,255,95
再调节饱和度
S：255→83
任意两种颜色都可以 通过斜交方式3得到
斜交方式4 同一色调
调节饱和度 前面讲的是不同色调颜 色的斜交调整方式，这里讲 一下同一色调的斜交。 调节亮度 如A，仍然感觉有点亮； L：119→96 如B，感觉有点艳丽。这时我 们就需要使用斜交色彩得到C
斜交方式4 同一色调
19,150,213 38,150,213 52,150,213 170,0,213
19,234,119
38,234,119
52,234,119
170,0,119
19,150,96
38,150,96
52,150,96
170,0,96
由此我们得到了，与垂直色彩不同的颜色方案，颜色更具 变化性，让我们有了更多的色彩选择
示例 平行色彩做多种色调
渐变2 216，233，110
渐变1和线框色 216，233，150 阴影 216，233，48
渐变2 236，233，110
渐变1和线框色 236，233，150 阴影 236，233，48
渐变2 0，233，110
渐变1和线框色 0，233，150 阴影 0，233，48
RGB模式，值会相应自动修改。后
文将以HSL模式为基础。
HSL色彩模式介绍
H(Hue)色调
赤橙黄绿青蓝紫，这是 通过色调控制的
S(Saturation) 饱和度
某种颜色的艳丼程度， 由饱和度来控制。
L (Lightness) 亮度
某种颜色，由浅到深， 通过控制亮度来得到
色调
亮度 饱和度
接下来开始正文
绘制形状
用之前得到的垂直色彩 赋色
示例 垂直1色彩（调亮度）做渐变效果
渐变1 11，233，150 线框色 11，233，150
阴影 11，233，48
渐变2 11，233，110
元素各个部分赋色说明 *射线渐变填充
示例 平行色彩做多种色调
渐变2 11，233，110
渐变1和线框色 11，233，150 阴影 11，233，48
渐变2 140，233，110
渐变1和线框色 140，233，150 阴影 140，233，48
*这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值
示例 平行色彩做多种色调
渐变2 150，233，110
渐变1和线框色 150，233，150 阴影 150，233，48
渐变2 170，233，110
HSL: 32,255,192 HSL: 42,255,192
先调节亮度
L：128→192
HSL: 32,255,128
与前页等价
斜交方式2：先平行，后垂直2（调饱和度）
HSL: 42,192,128
后调节饱和度
S：255→192
HSL: 32,255,128
HSL: 42,255,128
先调节色调
更多示例
示例 垂直1色彩（调亮度）做渐变效果
渐变2 11，233，110 阴影 11，233，48
11，233，110
渐变1和线框色 11，233，150
首先，确定基色
根据基色，衍生出垂直色彩，分别用于 渐变填充、线框色和阴影，也可以根据 需求，衍生出更多垂直色彩。
示例 垂直1色彩（调亮度）做渐变效果
垂直色彩1
联系（HSL色彩立体模型，可不看）
255
L
垂直色彩1
255
H
垂直色彩2
平行色彩
L:119
H:11 0
S:234 255 S
区别（需牢记的）
H，s不变 L=0时，黑色 L=255时，白色 H，L不变 S=0时，最灰 S=255时，最艳丼
想要得到一个色调由浅到深 的颜色，调整亮度
想要得到一个色调艳丼或偏 灰的颜色调整饱和度
色调可供选择。
示例 垂直色彩2+平行色彩做多种色调
在此输入一级标题
在此输入一级标题
渐变2 0， ，110
渐变1 0，233，150
线框色 0， ，150
在此输入一级标题
在此输入一级标题
阴影 0，233，48
如果觉得颜色有点艳丽，可相应调整饱和度，这里调整的是渐变2
与线框色的饱和度，渐变1和阴影不做调整
H:32→42
斜交方式2：先垂直2，后平行
后调节色调
H:32→42
HSL: 32,192,128 HSL: 42,192,128
先调节饱和度
S：255→192
HSL: 32,255,128
与前页等价
斜交方式3：平行、垂直1、垂直2
先调节色调
H：32→56
HSL: 32,255,128 HSL: 56,255,128
S：234→150
19,234,119
A(19,150,119)
B(19,234,96)
C(19,150,96)
斜交方式4 同一色调
调节亮度
L：119→213
D(19,234,213)
19,234,119
调节饱和度
S：234→150
F(19,150,213)
同样的道理
E(19,150,119)
如D，仍然感觉有点亮；如E，感觉有点艳丽 这时我们就需要使用斜交色彩得到F 感觉是否不同？
渐变2 170，0，110
渐变1和线框色 170，0，150 阴影 170，0，48
*这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值
示例 平行色彩做多种色调
在此输入一级标题 在此输入一级标题 在此输入一级标题 在此输入一级标题
罗列出的16种平行色彩，足
够平常所用。这里的颜色仅 供参考。实际上是有255种
渐变2 24，233，110
渐变1和线框色 24，233，150 阴影 24，233，48
渐变2 36，233，110
渐变1和线框色 36，233，150 阴影 36，233，48
渐变2 50，233，110
渐变1和线框色 50，233，150 阴影 50，233，48
*这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值
示例
斜交色彩
是平行色彩与垂直 色彩的结合，可实 现更丰富的配色。
斜交方式1：先平行，后垂直1（调亮度）
HSL: 42,255,192
后调节亮度
L：128→192
HSL: 32,255,128
HSL: 42,255,128
先调节色调
H:32→42
斜交方式1：先垂直1，后平行
后调节色调
H:32→42