Ps 滤镜:HSB/HSL

2024-01-12 09:52
文章标签 ps 滤镜 hsl hsb

本文主要是介绍Ps 滤镜:HSB/HSL,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Ps菜单:滤镜/其它/HSB/HSL

Filter/Others/HSB/HSL

HSB/HSL HSB/HSL滤镜主要用于实现 RGB、HSB 及 HSL 三种模型的相互转换。

要了解此滤镜的工作原理,首先要搞清楚 RGB 颜色模式下描述像素颜色的这三种模型。

RGB

在 RGB 模型下,通过红 Red、绿 Green、蓝 Blue三个值来描述像素的颜色。

RGB 模型

9a2efaf8429b5aab8da26f1293256678.jpeg

在 RGB 颜色模式下,Photosohop 的“通道”面板中有四个默认通道,分别是 RGB 复合通道以及三个原色通道:红通道、绿通道和蓝通道。每个像素的颜色都是由三个原色通道上对应的值混合而成。

c6963a15b8f25b2ed306b918dd6d71a2.png

请参阅:

《Ps:RGB 颜色模式》

HSB

HSB 也称为 HSV。在这种模型里,通过色相 Hue、饱和度 Saturation、明度/值 Brightness/Value三个值来描述像素的颜色。

HSB/HSV 模型

c26e00d7696f170830436bcdd0b2e32f.jpeg

“色相”用来指示颜色的种类,值的范围为 0° ~ 360°。

“饱和度”用来指示颜色的纯度,值的范围为 0% ~ 100%。正中心是饱和度为 0 的灰色。

“明度”用来指示颜色的明暗程度,从 0%(黑色)到 100%(最亮的颜色)。

也就是说,“明度”指的是某种颜色从纯黑到最亮的可能色调范围。

提示:

从模型图上看,白色在上方的中间。即,饱和度为 0%,明度为 100%。

在 Photoshop 的拾色器中就可以看到像素的 HSB 模型的值。可以看出,某种最纯的颜色,饱和度为 100%,明度也为 100%。

05feaf4d4654f43ff0e76d4f118d8060.png

HSB 模型常用于那些需要关注颜色亮度变化的场景,如摄影和电视等。

HSL

在 HSL 模型中,通过色相 Hue、饱和度 Saturation、亮度 Lightness三个值来描述像素的颜色。

HSL 模型

94a02a75517b409e1f6dbbb3fddaaa80.jpeg

与 HSB 模型一样,“色相”用 0 ~ 360° 来表示,“饱和度”用 0% ~ 100% 表示。

不同的是,在 HSL 模型中,“亮度”表示颜色从纯黑(0%)到纯白(100%)的亮度范围,其中 50% 的亮度会显示为纯色。

所以,某种最纯的颜色,饱和度为 100%,亮度是 50%。

说明:

增加 HSL 模型中的“亮度”会使颜色更接近白色,而在 HSB 模型中增加“明度”则使颜色变得更亮,但不会变白。

HSL 模型适合于那些需要细致调整颜色对比度的应用,如图形设计和网页设计等。

  ◆  ◆

滤镜选项及使用说明

HSB/HSL 滤镜工作在选定的图层上,且必须处于 RGB 颜色模式下。

Ps菜单:图像/模式/RGB 颜色

Image/Mode/RGB Color

c2ab0594a643fee1f823977dfd067f65.png

输入模式:

Input Mode:

指定待转换的模型。

即,当前“通道”面板上三个原色通道(红、绿、蓝)分别对应的是 RGB、HSB 或是 HSL 的顺序。

行序:

Row Order:

指定要转换到的模型。

即,使得“通道”面板上三个原色通道(红、绿、蓝)分别对应 RGB、HSB 或是 HSL 的顺序。

说明:

1、RGB 转 HSB 

默认情况下,“通道”面板上三个原色通道分别对应红色、绿色和蓝色,即 RGB 顺序。

当执行本滤镜从 RGB 转换为 HSB 之后,“通道”面板上的三个原色通道就分别表示色相、饱和度和明度(对应 HSB 顺序),尽管通道名称依然为红、绿、蓝。

0e5d27ade747a4c6009b6ac352b2ca76.png

如上图所示,红通道对应“色相”,绿通道对应“饱和度”,蓝通道对应“明度”。

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

2、RGB 转 HSL

RGB 转 HSL

3a65e7dc57c5a28eeeef2d695ce963ae.png

当执行 HSB/HSL 滤镜从 RGB 转换为 HSB 之后,“通道”面板上的三个原色通道就分别表示色相、饱和度和亮度(对应 HSL 顺序),尽管通道名称依然为红、绿、蓝。

07ff3d9b534ffd1409da8704c308f9ee.png

如上图所示,红通道对应“色相”,绿通道对应“饱和度”,蓝通道对应“亮度”。

3、同名称的模型之间不会执行转换。

4、转换回 RGB

如果确定现在的三原色通道为 HSB 或 HSL 顺序,可将其转换回 RGB 顺序。即,支持逆转换。

5、如果三原色通道不是“输入模式”中选择的模型顺序,执行滤镜后,可能带来混乱。不过,仍然可以通过逆转换来恢复。

  ◆  ◆

HSB/HSL 滤镜应用

对两个相同的图像图层分别执行 RGB 转 HSB 和 RGB 转 HSL 之后,我们发现“通道”面板上的红通道是一样的,即“色相”通道是一模一样的。

而它们的绿通道(对应“饱和度”)和蓝通道(对应“明度”或“亮度”),却是有差异的。

此时,我们可以把所谓的“绿通道”拿出来作为图像的饱和度蒙版,然后结合色相/饱和度等调整图层来处理图像的饱和度。

经过比较,HSB 模型下的“饱和度”通道(绿通道)更适合这一工作。

当然,也可以将所谓的“蓝通道”用作图像的亮度蒙版,或者用于将彩色图像转换为黑白。

经过比较,HSL 模型下的“亮度”通道(蓝通道)更适合。

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

  ◆  ◆

附:转换公式参考

d995af38a55fba20ec853444f84a48ee.png

b64fda8b0bcfd9f7c5261603d0e831e0.png

1bb24bcc62d84433c7eaf86184411666.png

7d83dfa9ac6b0addaf14958eaaf59dc9.png

4c066ac1a6c4329cda277d46935c608a.jpeg

“点赞有美意,赞赏是鼓励”

这篇关于Ps 滤镜:HSB/HSL的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/597491

相关文章

【H2O2|全栈】关于Photoshop | PS(4)

PS的一些杂谈(亖) 目录 PS的一些杂谈(亖) 前言 准备工作 图形工具 基本属性 混合选项 形状图层  文字工具 基本属性 进一步变化文字 组和图层 UI设计案例  预告和回顾 后话 前言 这一篇博客我将会写一下图形工具和文字工具有关的内容,涉及到锚点调节路径、自由变换和混合选项等内容。在本篇博客看完之后,是可以设置一些简单的LOGO和UI图标的。

快速搞定“照片调色”!50000+Lr预设滤镜模板,一键让你照片不再丑!

照片调色不仅仅是调整颜色,更是一种艺术表达。通过巧妙地运用 LR 预设,可以突出照片的主题,增强情感共鸣。比如,在风景照片中,使用特定的预设可以让天空更蓝、草地更绿,让大自然的美丽更加生动地展现出来。 在人像摄影中,合适的 LR 预设可以让肤色更加自然、眼神更加明亮,让人物更加迷人。而且,LR 预设还可以根据不同的风格和场景进行定制,满足各种个性化的需求。如果你对照片调色还不是

PS插件DR5至臻高级版下载安装教程Photoshop美颜美白牙齿磨皮使用插件百度网盘分享

DR5至臻高级版PS插件DR5至臻高级版下载安装教程Photoshop美颜美白牙齿磨皮使用插件百度网盘分享链接地址可以对眼睛、眉毛、嘴唇等五官进行精细调整,如增强眼睛的明亮度和清晰度,使眉毛更加立体,嘴唇更加饱满可以快速有效地去除人像照片中的瑕疵、痘痘、皱纹等,同时保持皮肤的纹理和细节,使皮肤看起来光滑细腻 1、下载软件 链接:https://pan.baidu.com/s/1bKjukx

终止distributed tensorflow的ps进程

1.直接终止: $ ps -ef | grep python | grep 文件名 | awk {'print $2'} | xargs kill文件名为当前运行的程序,名称如:distribute.py 2.查找pid,后kill: $ ps -ef | grep python | grep 文件名 | awk {'print $2'}$ kill -9 <pid>

进程和作业管理之ps

ps命令用于报告当前系统的进程状态。可以搭配kill指令随时中断、删除不必要的程序。 ps命令是最基本同时也是非常强大的进程查看命令, 使用该命令可以确定有哪些进程正在运行和运行的状态、进程是否结束、进程有没有僵死、哪些进程占用了过多的资源等等, 总之大部分信息都是可以通过执行该命令得到的。  语法 ps(选项)  选项  -a:显示所有终端机下执行的程序,除了阶段作业领导者之外。

iOS 设置的字体的大小与PS字体大小的关系

UIFont Parameters fontSize The size (in points) to which the font is scaled. This value must be greater than 0.0. fontSize实际的参数是pointSize,是像素点。 windows和mac上的字号是统一的。 英文字体的1磅,相当于1/72

【OpenLayers 进阶】添加滤镜改变底图样式

目录 一、前言二、准备工作三、实现方式四、总结 一、前言    项目实施过程中,需要根据不同的业务场景需求变换地图样式。如果客户提供的底图服务或自建底图服务是类似Mapbox这种矢量切片,那只要按照需求配置不同的样式文件即可。如果没有矢量切片,只有一张张瓦片图如何实现呢?下面提供两种实现方式,以供参考 二、准备工作 首先要将完成地图的初始化 添加地图DIV <

Ps:颜色模型、色彩空间及配置文件

颜色模型、色彩空间和配置文件是处理颜色的核心概念。它们虽然互相关联,但各自有不同的功能和作用。 通过理解这些概念及其关系,Photoshop 用户可以更好地管理和优化图像处理流程,确保颜色在不同设备和应用中的一致性和准确性。 颜色模型 Color Model 颜色模型是一种数学表示,用于定义颜色的构成方式。 颜色模型确定了通过不同颜色通道的组合来产生各种颜色的方式。 常见的颜色模型包括 RGB(

iOS CoreImage专题(三)—— 自定义滤镜

前言子类化CIFilter自定义滤镜配方 子类化CIFilter创建CIColorInvert滤镜色度键滤镜配方 创建立体映射 获得最佳性能 最佳性能实践你的App需要颜色管理吗 总结 前言 本章节是这个专题最后一篇文章,学完这里,你应该能非常熟练的掌握CoreImage的使用技巧了。 在上一章节中我们介绍了如何实现一些高级技巧,包括滤镜链的实现、转场效果、人脸检测等。

Pixelmator Pro for Mac 专业图像处理软件【媲美PS的修图软件】

Mac分享吧 文章目录 效果一、下载软件二、开始安装1、双击运行软件,将其从左侧拖入右侧文件夹中,等待安装完毕2、应用程序显示软件图标,表示安装成功 三、运行测试安装完成!!! 效果 一、下载软件 下载软件 地址:www.macfxb.cn 二、开始安装 1、双击运行软件,将其从左侧拖入右侧文件夹中,等待安装完毕 2、应用程序显示软件图标,表示安装成功