HSB/HSL 滤镜

PS菜单：滤镜/其它/HSB/HSL

Filter/Others/HSB/HSL

◆ ◆ ◆

工作原理

要弄清楚 HSB/HSL 滤镜的工作原理，首先需要搞清楚三种色彩模式：RGB、HSB 和 HSL。

RGB色彩模式

RGB 色彩模式不多赘述，它已经是当今大多数显示设备的标准色彩模式。

需要提醒的是，在 RGB 色彩模式下，Ps 的通道面板中默认有四个通道，RGB 复合通道以及三个原色通道：红通道、绿通道和蓝通道。原色通道以黑、白、灰的形式表现三种原色光的发光程度。

有关知识请参阅《RGB颜色模式》。

◆ ◆ ◆

HSB 与 HSL

HSB 与 HSL 是对 RGB 色彩模式的另外两种描述方式，尝试描述比 RGB 更准确的感知颜色联系。

HSV 色彩空间

HSB（ HSV ）

HSB 也称为 HSV，分别表示色相 Hue、饱和度 Saturation、明度/值 Brightness/Value。

色相用 0 ~ 360° 来表示。

提示：在 HSB/HSV 中，同一色相的外在表现受饱和度和明度的共同影响。

饱和度用 0% ~ 100% 表示。

明度，表示光的量，用 0% ~ 100% 表示。

注意：从模型上看，白色是在中上，即饱和度为 0，明度为 100。表明色相、饱和度及明度是相互影响的。

在 Ps 的拾色器中就可以看到 HSB 模式。可以看出，某种最纯的颜色，饱和度为 100%，明度也为 100%。

亮度 Lightness，表示白色的量，用 0% ~ 100% 表示。

在 HSL 中，颜色的明亮程度由 L 控制。所以，某种最纯的颜色，饱和度为 100%，亮度却是 50%。

注意：从模型上看，白色在顶层，即饱和度任意、色相任意，亮度为 100。表示亮度与饱和度与色相都无关。

遗憾的是，Ps 中没有 HSL 对应的工具。

◆ ◆ ◆

HSB 与 HSL 的通道

Ps 在这个问题上做了一个奇怪的处理：当执行 HSB/HSL 滤镜之后，通道中的三个原色通道已经代表别的含义了，但它却仍然被标注为红、绿、蓝。

RGB 复合通道也即最终效果，却又是将这三个原色通道里的黑白灰按照 RGB 混色方式呈现出来。

RGB转HSB

见上图，红通道对应“色相”，绿通道对应“饱和度”，蓝通道对应“明度”。

RGB 转 HSL

见上图，红通道对应“色相”，绿通道对应“饱和度”，蓝通道对应“亮度”。

特别提示：

（1）HSB 和 HSL 的红通道是一样的，即“色相”通道是一模一样的。

（2）而它们的绿通道（饱和度）和蓝通道（明度，亮度），却是有差异的。

◆ ◆ ◆

HSB/HSL 滤镜应用

把所谓的“绿通道”拿出来作为图像的饱和度蒙版，再结合色相/饱和度或自然饱和度等调整图层来处理图像的饱和度。初步研究，HSB 的饱和度通道（绿通道）更适合。

当然，也可以将所谓的“蓝通道”用来作图像的亮度蒙版，或者用于将彩色图像转换为黑白。初步研究，HSL 的亮度通道（蓝通道）更适合。

至于还可从中发现什么妙用，期待以后与读者共同探讨。

◆ ◆ ◆

附：转换公式参考

“有钱的捧个钱场，好看的点下在看”

HSB/HSL 滤镜相关推荐

HSV/HSB/HSL 色相、饱和度、亮度的色彩模型
文章目录什么是HSV/HSB/HSL Hue 色相 Saturation饱和度 Value 亮度互转公式 RGB to HSV 公式 HSV to RGB 公式 RGB to HSV & ...
易语言调节系统对比度api_一分钟完成色相饱和度！2019最新PS对比度色彩智能调节滤镜来袭...
大家好,又到了分享的时刻!上期呢给大家分享的PS插件相信大家都已经领取到了!本期了小编继续给大家分享!这次分享的是款堪称傻瓜式的 Photoshop(调节色相插件,因为操作简单不需要基础.它就是Top ...
css滤镜属性渐变_使用滤镜对CSS渐变进行动画处理
css滤镜属性渐变 Officially, gradients can't yet be animated. However, using CSS filters, you can animate t ...
[转贴]HSL与RGB关系及CMYK
2015-05-04 17:22:20 电视主板打开展频的原因.首先要了解EMC的原理: 电磁兼容EMC的测试项目 EMC实验室租场测试 EMC的测试标准电磁兼容(EMC)是对电子产品在电磁场方面干 ...
基于GPUImage的美颜BeautifyFace详细注释
GPUImageBeautifyFilter.h文件中 #import <GPUImage/GPUImage.h> @class GPUImageCombinationFilter; @i ...
基于DCT变换的JPEG图像压缩原理
1.为什么要进行图像压缩众所周知,当今人类社会具有三大支柱,即物质.能量.信息.当下已由物质过渡到信息,从农业现代化到工业现代化,再到当今的信息化时代.信息具有通用性.抽象性.无限性.其通用性表现在 ...
OpenCV：02基础知识和绘制图形
文章目录 OpenCV的色彩空间 RGB和BGR `HSV`,`HSL`和`YUV` `HSV(HSB)` `HSL` `YUV` 颜色空间的转化 OpenCV的一种重要数据结构--Mat Mat介绍 ...
Raphael Js矢量库API简介：
Raphael Js矢量库API简介: Raphael Javascript 是一个 Javascript的矢量库. 2010年6月15日,著名的JavaScript库ExtJS与触摸屏代码库项目jQ ...
基于DCT变换的JPEG图像压缩原理与JPEG2000编解码原理
目录参考文章基于DCT变换的JPEG图像压缩原理图像数据压缩图像处理为什么可以进行图像压缩? 颜色空间转换 RGB CMY HSV/HSI/HSB/HSL YUV/YCbCr YCbCr与R ...

HSB/HSL 滤镜

HSB/HSL 滤镜相关推荐

最新文章

热门文章