详解基础工具 | HSL面板原理与应用方法
"\u003Cdiv\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fd2c197fae664454abf53d966c29d3814\" img_width=\"2190\" img_height=\"726\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cblockquote\u003E\u003Cp\u003E本文经授权转载\u003Ca class=\"tteditor-mention\" data-name=\"影叶的光色世界\" data-uid=\"77886136102\" data-id=\"false\" data-concern-id=\"false\"\u003E@影叶的光色世界\u003C\u002Fa\u003E 图文版权归原作者所有\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E本次教程我们说HSL工具（色相饱和度明度）的原理和用法。\u003C\u002Fp\u003E\u003Ch1\u003E\u003Cstrong\u003EHSL工具原理\u003C\u002Fstrong\u003E\u003C\u002Fh1\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F9f1b86073f2f4971911b3258920e250d\" img_width=\"265\" img_height=\"389\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E调整项分为三个\u003C\u002Fp\u003E\u003Cp\u003E色相（ \u003Cstrong\u003EH\u003C\u002Fstrong\u003Eue )\u003C\u002Fp\u003E\u003Cp\u003E饱和度( \u003Cstrong\u003ES\u003C\u002Fstrong\u003Eaturation )\u003C\u002Fp\u003E\u003Cp\u003E明度( \u003Cstrong\u003EL\u003C\u002Fstrong\u003Eightness )\u003C\u002Fp\u003E\u003Cp\u003E每个调整项的首字母组成了HSL，这个工具是根据色相环的结构内容作为原理基础的。\u003C\u002Fp\u003E\u003Cp\u003E色相环是由光谱形成的，下图是最初的光谱结构，光谱上的色彩分布就是色相。\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F3693ba5a62da431086a70f43fa5a2abb\" img_width=\"553\" img_height=\"248\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E色相环由光谱首尾相接而成，如下图，但现在还只是一个环形，内容信息不完整。\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fdb8968e88b144f7c917c97dbfe0ccb28\" img_width=\"472\" img_height=\"424\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E在光学色彩原理中，各色光叠加形成白光，也就是加色原理，所以在色相环中填充信息，得到下图，各色光混合叠加，中间为白色。(美术中颜料的色彩原理为减色原理，各颜色混合形成黑色）\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002Fe96d359d21a14f199cef46496de27cc9\" img_width=\"427\" img_height=\"317\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003EHSL工具是以色相环的结构原理为基础的，我们具体来看下。\u003C\u002Fp\u003E\u003Cp\u003E圆周的方向是代表色相(Hue)，分为红橙黄绿青蓝紫7种色相，\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F0f5f6eef0d6f41e7b6a50d3e8faca8cf\" img_width=\"553\" img_height=\"414\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E径向方向代表色彩明度(Lightness)\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F6db1d4a058c441f8bd630a04d4cf0b74\" img_width=\"318\" img_height=\"272\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E饱和度是一种较复杂的算法，用来调整色彩的鲜艳程度。\u003C\u002Fp\u003E\u003Cp\u003E下面看看HSL工具的具体应用案例\u003C\u002Fp\u003E\u003Ch1\u003E\u003Cstrong\u003EHSL工具应用 \u003C\u002Fstrong\u003E\u003C\u002Fh1\u003E\u003Cp\u003E\u003Cstrong\u003E1、色相\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E色相的应用通俗的讲就是大幅度的更改图片色彩，可选颜色工具只是小幅度的更改颜色的趋向和纯度，也就是说蓝色还是蓝色，只是哪种蓝的问题，但色相工具可以将一种颜色换成其他颜色。比如下面例子，调整色相，树叶直接从黄色变为绿色。\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F13b4b2277c1948c1aade7420d38a4cec\" img_width=\"1080\" img_height=\"725\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fd01a9c70aded485e8719cbd1e74a3aed\" img_width=\"990\" img_height=\"499\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E\u003Cstrong\u003E2、饱和度\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E饱和度的意思大家都能懂，这里我说一种在人像修图中最基本的应用方法。\u003C\u002Fp\u003E\u003Cp\u003E相机拍摄的人物肤色通常会偏暗黄色，在ACR工具初步调整肤色是人像修图的基本功，其实就是用到HSL工具，因为皮肤中红、橙色、黄的色彩元素较多，所以应用对应的色彩通道就可以精准调整肤色\u003Cstrong\u003E。\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F310c0067d8f8476d8f66a1d39e64bda7\" img_width=\"975\" img_height=\"601\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E这是原图，肤色暗黄\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F625c1c031bf64c099285f2f4986cd36e\" img_width=\"975\" img_height=\"628\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E先调整红、橙、黄明度使肤色亮度正常\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fc2561e20f7e64f78a4e4930031aa0493\" img_width=\"975\" img_height=\"628\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E然后降低对应的饱和度\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E3、明度\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E明度可以简单的理解为颜色的深浅，比如我们想提高图片中某一部分的色彩深浅，可以直接利用HSL里的颜色通道调整，效果等同于选区，只是这里是用颜色区分的选区。\u003C\u002Fp\u003E\u003Cp\u003E比如下图，地景红色元素居多，所以红色通道可以控制地景，那么想更改地景的亮度，就在改变红色通道的明度。\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F3c88aaed77494c829b73c06a3ee3138b\" img_width=\"1080\" img_height=\"683\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F9ece79cca22c4010a48cd4c66ab32227\" img_width=\"1080\" img_height=\"545\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-justify\"\u003E最后，给大家分享几张这两个月拍摄的作品\u003C\u002Fp\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002F7f75b5abba974e0d80f669dc91eaf2a9\" img_width=\"1080\" img_height=\"694\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002Fbbc3880d2dc045dfa69d9e4fd1331e06\" img_width=\"1080\" img_height=\"725\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fa23f82eca427404ab7aa72c190785860\" img_width=\"1080\" img_height=\"1536\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002Fca8c2b9e82c64667a3b9a574b94ee3ac\" img_width=\"1080\" img_height=\"591\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F237e652b85ca41898584d6411872c19c\" img_width=\"1080\" img_height=\"722\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F896ec898cea443799edc33d1f207fd49\" img_width=\"1080\" img_height=\"680\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fac9b2ba0e49f4e679871a7eccbd7c100\" img_width=\"1080\" img_height=\"812\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Chr\u003E\u003Cp class=\"ql-align-center\"\u003E\u003Cstrong\u003EHSL工具（色相饱和度明度）的用法学会了吗？欢迎收藏转发哦\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fae63d6f46748451ab43284128f469e23\" img_width=\"640\" img_height=\"406\" alt=\"详解基础工具 | HSL面板原理与应用方法\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003E\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003C\u002Fdiv\u003E"'.slice(6, -6),
groupId: '6719289147455980035
