hsl面板调色原理（五分钟全面弄懂HSL工具）

前言

上一期我们提到的是CameraRaw滤镜里的曲线工具，里面包含了曲线工具的基本原理，以及一些曲线使用小技巧，感兴趣的点击传送门——制作胶片感照片？修复照片色偏？只用一个曲线工具统统搞定这一期我们将要讨论的内容则是HSL调整。

HSL调整界面

什么是HSL

没有接触过色彩相关知识的朋友可能对HSL有点迷惑，但是你一定知道RGB，在RGB色彩空间中，任何你所能看到的颜色都能用一组三个0-255的数字表示出来。

RGB色彩空间

例如白色（255，255，255），黑色（0，0，0），灰色（128，128，128），8位的RGB色彩空间能表示256*256*256=16777216种颜色，接近两千万种颜色。所以有的显示器厂商会这样去宣传

某显示器宣传画面

实际上1670万色只是最最基础的配置，显示效果并不细腻。

回到我们的色彩空间，既然使用RGB可以表示颜色，那还可不可以用其他的方式去表示一种颜色，当然可以，例如Lab，YUV，CMYK，HSL等等，每种不同的色彩空间适用于不同的领域，今天stupid要和大家聊的则是这里的HSL。

要了解HSL，首先我们要了解H，S和L分别代表着什么。

1. H——色相（颜色的相貌，通常我们问这个是什么颜色问的就是色相）
2. S——饱和度（色彩的纯度，饱和度越高色彩看起来越鲜艳）
3. L——亮度/明度（代表色彩的灰度，一个颜色它如果越亮的话，则亮度越高，反之越低）

如果有小伙伴不明白的话，我们评论留言下一期可以聊一聊色彩空间相关的内容。

HSL色彩空间

在PS中CameraRaw对HSL调整

对一张图片在CameraRaw中对HSL进行调整可以达到什么样的效果呢？

这是一张空拍的照片，因为包含的颜色较多，所以用来做本期HSL调整的素材

进入CameraRaw中，在HSL调整中，我们可以看到这样的界面

对图片进行HSL调整的界面

图片的右侧HSL调整模块中有色相，饱和度，亮度三个子选项，每个选项下又有8个的颜色滑块可以滑动，这八个滑块分别对应着不同的8种颜色。

cameraRaw中的选项

在HSL调整模块中红色滑块下面是橙色，橙色往下依次是黄色，绿色，浅绿色，蓝色，紫色，洋红色。这样的顺序和色环里这些颜色的位置关系一致，你可以把HSL工具提供的颜色调整滑块与色环联系起来。例如在下图的色环中，与紫色相邻的是蓝色和洋红色，所以了解一些基本的色彩知识可以更好的操控HSL工具。

色相环

例如在电影中，我们时常可以看到画面使用大量的橙色色调，人的肌肤，建筑物等都调到了橙色。

视频截图

下面我们对上面例图进行处理，把橙色的相邻色调至橙色。

橙色相邻的色相调整至橙色

我们来看调节前后对比图：

把橙色附近的色相都调至橙色

你可以想象把所有的色相调节滑块串联起来，形成一个环，例如红色滑块向右调节 则是橙色，向左调节-则是洋红色，这个原理可以应用到整个色相调节模块中。

饱和度调节滑块

对某一个颜色的饱和度进行调节会改变画面中该颜色的鲜艳程度，例如对橙色进行调节：

橙色饱和度 100

可以看到上图饱和度 ，则鲜艳程度增加。下图饱和度-则鲜艳程度减少。

橙色饱和度-100

明亮度也很好理解，调整某一颜色的明亮度会改变该颜色的明亮程度。

橙色明亮度-100

通过上下图我们可以看出明亮度 和明亮度-的作用效果。

橙色明亮度 100

运用上述的原理，如果我们想要提亮人的面部肤色，就可以把橙色的明亮度提高，饱和度降低些许即可。

综合这些手段，我们就可以对一张照片进行创作。

这是经过HSL调色后得到的成片

让我们来看一下前后对比：

前后对比GIF图

结语

以上就是本期关于HSL调整模块的全部内容，如果你对哪里有疑问欢迎评论留言，如果这篇文章对你有帮助，别忘了评论关注收藏转发哦。

,