首先, HSB 和 HSV 是同一个东西,只是名称不同,本文后面仅使用 HSB,当提到它的时候,也代表 HSV。

HSB 和 HSL 在字面意思上是一样的:H 指的是色相(Hue),就是颜色名称,例如“红色”、“蓝色”;

S 指的是饱和度(Saturation),即颜色的纯度;

L(Lightness) 和 B(Brightness)是明度,颜色的明亮程度

在原理和表现上,HSL 和 HSB 中的 H(色相) 完全一致,但二者的 S(饱和度)不一样, L 和 B (明度 )也不一样:HSB 中的 S 控制纯色中混入白色的量,值越大,白色越少,颜色越纯;

HSB 中的 B 控制纯色中混入黑色的量,值越大,黑色越少,明度越高

HSL 中的 S 和黑白没有关系,饱和度不控制颜色中混入黑白的多寡;

HSL 中的 L 控制纯色中的混入的黑白两种颜色。

原理说完,结合实际应用场景看看。下面是 Photoshop 和 Affinity Designer 的拾色器

两者分别使用了 HSB 和 HSL 颜色模型。两个拾色器都是 X 轴表示饱和度,越往右,饱和度越高;Y 轴表示明度,越往上明度越高。

先看 Photoshop 的 HSB 颜色模型拾色器,如下图所示,HSB 的 B(明度)控制纯色中混入黑色的量,越往上,值越大,黑色越少,颜色明度越高。

如下图所示,HSB 的 S(饱和度)控制纯色中混入白色的量,越往右,值越大,白色越少,颜色纯度越高。

接下来看 Affinity Designer 的 HSL 颜色模型拾色器。如下图所示,Y 轴明度轴,从下至上,混入的黑色逐渐减少,直到 50% 位置处完全没有黑色,也没有白色,纯度达到最高。继续往上走,纯色混入的白色逐渐增加,到达最高点变为纯白色,明度最高。

HSB 和 HSL 的区别解释完毕。

提问中提到,二者有什么优劣?

因为 RGB 色彩模型是通过不同量的红绿蓝来描述一个颜色的,对人类来说很不直观,难以理解。人类更习惯这样去描述一个颜色:它是什么颜色?是鲜艳还是灰暗?HSB 和 HSL 都是基于此被创造出来的。在弄清楚二者的原理和表现之后,你觉得哪个更符合你的直觉,对你来说,它就更优秀。

就日常使用来说,即便你不知道他们的原理,也不会影响你做出优秀的作品。但是,知其然就不会惧怕某天有小白指着 Photoshop 拾色器的右上角问你,这里明度最高,为什么不是白色的呢?

hsv 明度的范围_色彩空间中的 HSL、HSV、HSB 有什么区别?相关推荐

  1. hsv 明度的范围_通过HSV转换的方式实现图片数据增强

    在我的上一篇文章中,我记录了自己将MOT17-Det数据集转换成VOC格式: HUST小菜鸡:将MOT17-Det数据集转成VOC格式​zhuanlan.zhihu.com 但是在后期的测试过程中,发 ...

  2. HSI、HSV、RGB、CMY、CMYK、HSL、HSB、Ycc、XYZ、Lab、YUV颜色模型(转)

    HSV颜色空间 HSV(hue,saturation,value)颜色空间的模型对应于圆柱坐标系中的一个圆锥形子集,圆锥的顶面对应于V=1. 它包含RGB模型中的R=1,G=1,B=1 三个面,所代表 ...

  3. HSI、HSV、RGB、CMY、CMYK、HSL、HSB、Ycc、XYZ、Lab、YUV等颜色模型简介

    基本概念 所谓颜色模型就是指某个三维颜色空间中的一个可见光子集,它包含某个颜色域的所有颜色.例如,RGB颜色模型就是三维直角坐标颜色系统的一个单位正方体.颜色模型的用途是在某个颜色域内方便的指定颜色, ...

  4. uo和o的区别和用法_汉语拼音中,o与uo有什么区别

    展开全部 一.发音不同32313133353236313431303231363533e78988e69d8331333433653338 1.韵母o:发音时,口半闭,圆唇,舌头后缩,舌面后部略隆起, ...

  5. 高富帅的颜色插值方法:在视觉感知线性变化的色彩空间中进行颜色插值

    大多数情况下,我们会给材质提供一个Color值,来整体控制对象的颜色.一般都是使用 Color * ( TextureColor + LightColor) 来做. 颜色值动画是常规的动画特效之一,最 ...

  6. CV — 色彩空间:RGB、HSV、HLS

    文章目录 CV - 色彩空间:RGB.HSV.HLS 一. RGB (一) RGB 颜色系统 二.HSV (一) HSV颜色模型 (二) 代码案例 1. HSV 值进行目标物体的提取 2. 使用 HS ...

  7. 色彩空间之RGB与HSV

    RGB.HSV.HSL 文章目录 RGB.HSV.HSL RGB 的局限性 HSV 颜色空间 HLS 颜色空间 HSV 应用例子 使用 HSV 图像分割 转载 RGB 的局限性 RGB 是我们接触最多 ...

  8. 牛客网_剑指Offer_Python实现_更新中

    剑指Offer编程题汇总 第1题_二维数组中的查找 第2题_替换空格 第3题_从尾到头打印链表 第4题_重建二叉树 第5题_用两个栈实现队列 第6题_旋转数组的最小数字 第7题_斐波那契数列 第8题_ ...

  9. 基于hsv的亮度调整算法_基于手绘工程图离线识别的预处理研究精品论文推荐

    DOI: 10. 3969 / j. issn. 1009-9492. 2020. 11. 028 李春晓,田怀文,刘奇,等. 基于手绘工程图离线识别的预处理研究[J] . 机电工程技术,2020,4 ...

最新文章

  1. MySQL5.7登陆数据库管理控制平台问题 ERROR 1045(28000)
  2. 谷歌云盘Colaboratory如何载入文件
  3. 自定义控件只允许输入Decimal和int类型字符串
  4. mysql的查询语句怎么优化_MySQL查询语句如何优化
  5. 六十五、下一个更大的数系列,单调栈解决方法
  6. testlink mysql配置_Testlink安装后配置修改
  7. qs.js 更好的处理url参数
  8. 文件下载的java代码_文件下载java代码实现
  9. Mac 选项列如何设置控制中心?
  10. python S2-45 漏洞利用工具
  11. python打造微信聊天机器人_求问各位大佬,如何用Python写一款微信聊天机器人?...
  12. js替换a标签href
  13. idea项目工具窗口
  14. java 怎么使用 设计模式对业务进行解耦(一)
  15. 网吧带宽很大,为什么三层更新下载游戏很慢?
  16. 微信小程序怎么用? 老徐小程序!
  17. 【唐诗分析器】实现思想代码+具体测试
  18. rabbitmq创建账号
  19. TensorFlow 、Caffe等9大人工智能框架对比介绍
  20. 图形化mysql监控_mysql_monitor

热门文章

  1. chisel快速入门(二)
  2. HALCON示例程序measure_pump.hdev螺纹孔位置与尺寸测量
  3. Python安装Jupyter Notebook配置使用教程
  4. 异形3×3魔方还原教程_【理论篇】三阶魔方4.33千亿亿种变化是怎么计算出来的?...
  5. python从文件中提取特定文本_使用Python从HTML文件中提取文本
  6. php函数库快速记忆法_PHP速成大法
  7. 熟悉linux系统内核,[科普] Linux 的内核与 Linux 系统之间的关系
  8. 51nod1127(尺取法)
  9. Cluster_analysis
  10. windows下mongodb安装与使用整理