前言

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分别代表着什么。

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

HSL色彩空间

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

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

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

对图片进行HSL调整的界面

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

cameraRaw中的选项

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

色相环

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

视频截图

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

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

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

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

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

饱和度调节滑块

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

橙色饱和度 100

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

橙色饱和度-100

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

橙色明亮度-100

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

橙色明亮度 100

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

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

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

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

前后对比GIF图

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。