做PPT,该如何才能不为[色]所困?IV

焦点PPT 2025-03-18 11:07:49

色调环

前面讲到过,色调(或色相),通常用度(°)来表示,取值范围为0°到360°,形成闭环,即色调环(或色相环)。PPT的自定义颜色取色面板,尽管H值是用数值0~255表示,并且其颜色界面是呈矩形而不是呈环形(如下图),

HSL模式下的颜色界面

但我们依然可以在PPT软件中绘制矩形色块,从矩形填充色调变化的规律中可以看到,它们首尾已经接近,(0,232,132)和(252,232,132)颜色都呈现红色且几乎一样,可以构成循环关系,即环形关系。

HSL中的色调变化:红橙黄绿青蓝紫

既然色调能够形成环形关系,我们不妨将色调(H)的变化用圆环来表示,如下图。这就是色彩学中著名的色调环(或色相环)。

色调环(或色相环)

色调与饱和度的结合

同时,我们还发现,PPT自定义颜色取色面板中,无论色调值是多少,只要亮度不是0或255(为了便于观察,下图选择的亮度为128),如果饱和度始终为0,最终得到的颜色都是灰色,如下图。

HSL模式下饱和度始终为0时

因此我们可以将灰色都聚拢到一个点。为了让你能够更容易理解这个变化的过程,我们先对下图PPT取色面板中的颜色区域作一些简化处理。

PPT自定义颜色取色面板

首先,将上述矩形区域的颜色分割成一条条单独的竖线,但是线的顶端和底端颜色都跟上图的颜色变化大致相同。也就是每条线都是颜色渐变的线,线的顶端是颜色饱和度最高的颜色,底端是饱和度为0的灰色;同时,整体从左往右看,线(顶端)的颜色呈现红橙黄绿青蓝紫的变化,如下图。

将矩形的颜色区域分割成一条条

接着,我们把这些线条的底端聚拢为一个点,线条的顶端均匀间隔,于是就得到了下图这个放射状的圆。从12点钟方向开始,顺时针角度,可看到放射线的末端呈现的依然是红橙黄绿青蓝紫的变化。

把灰色一端聚拢为一个点

为了更直观地展示每一条线条的饱和度变化,我们可以用扇形来替代线条,也就是如下这种。在扇形最宽处,颜色最鲜艳;越往扇形最尖处,颜色越黯淡(变为灰色)。

用扇形替代线条来更直观地展示饱和度的变化

在这样的基础上,我们可以使用多层环状,如下图。这样的表示方法将单层的色调环进行进一步扩展,从中间的灰色(最黯淡)向最外围的纯色(最鲜艳)过渡显示,这种表示方法很好地将色调(H)与饱和度(S)的关系在环状里结合了起来。

带灰度的色相环

色立体——色调、饱和度、亮度的结合

现在,我们回到PPT自定义颜色取色面板,将它的色调(H)固定为某个值(比如128),饱和度(S)设为0,将亮度从0变动到255,可以看到颜色是从黑到灰再到白的过渡过程,如下图所示。

HSL模式下饱和度为0,亮度从0到255

这个变动过程中间的灰色,与前面多层色环图里中间的灰色(也就是当饱和度为0时)有了共通(或相交)之处,因此我们可以将亮度(L)也加入到多层色环图中,就形成了如下的立体形状,我们称之为色立体。

色立体

相比于前一篇文章结尾时三张矩形图拼图在一起的比较,这样的色立体更能够直观地观察出三个属性对颜色的变化。让我们总结一下:

色调(H)就是红橙黄绿青蓝紫这样颜色的变化

饱和度(S)就是从黯淡的灰色到某个色调最鲜艳的过程变化

亮度就(L)是从黑到灰再到白的变化

相比于RGB模式的立方体,HSL模式的色立体在平面设计行业中应用更广泛,因此HSL模式的概念一定要牢记,至少应该记住色调环(或色相环),这有助于我们后续关于配色知识的理解与应用。

HSL模式下的配色启发

HSL模式讲了这么多,对于我们在制作PPT过程中做好配色有何启发呢?

1. 调整色调(H),改变的是颜色的名称,也就是红橙黄绿青蓝紫这样的变化。在调整色调时,尽量从色调环(或色相环)的角度去考虑。尽管色相值本该使用度(°)来表示,一共有360°,而在PPT中,色调是用数值0~255,但我们可以将值128设为中间值,对应度数180°,这样进行折算。

色调值越接近,其颜色也越接近(这里单纯讨论色调的变化,暂不考虑饱和度和亮度的因素);色调值在0和255附近,虽然数值相距甚远,但它们的颜色都接近(是红色),因为首尾形成闭环。

2. 调整饱和度(S),也就是黯淡到鲜艳的变化。因此,如果PPT中哪个颜色看起来过于黯淡或鲜艳,就调整饱和度即可。饱和度接近的颜色(暂不考虑亮度的因素),看起来也会比较统一,整体配色更和谐,不然会出现个别颜色特别鲜艳或特别黯淡的情况。饱和度为0时,得到的一定是黑白灰三者之一;饱和度为255时(暂不考虑亮度的因素),最鲜艳。

3. 调整亮度(L),改变的是亮与暗的变化。亮度值为0时,最暗,即为黑色;亮度值为255时,最亮,即为白色。因此,如果PPT中哪个颜色看起来发白,一定是过亮了,反之,看起来发黑,一定是过暗了,这种情况下都应该调整亮度。当饱和度不为0时,亮度在中间值128才会显示色彩最真实的颜色,低于或高于中间值,要么显得过暗,要么显得过亮。当饱和度为0时,无论亮度为多少,得到的一定是黑白灰三者之一。亮度接近的颜色(暂不考虑饱和度的因素),看起来也会比较统一,整体配色更加和谐,不然会出现个别颜色特别亮或特别暗的情况。

实际应用中,需要三者结合来考虑和调整,才能得到合适的配色,做出来的PPT也才有可能显得高大上。

下一篇文章,我打算针对PPT的取色做一些补充。

0 阅读:4