首页 » 信息技术 »

HSL和HSB(HSV)

2020年11月24日 / 13次阅读
图片处理

我是这样理解的,HSL,HSB(也叫HSV),是一种颜色模型(color model)。我们最常见的颜色模型是RGB,Red,Green,Blue,通过RGB三个颜色分量,可以调配出所有的颜色。那么,有了RGB,为什么还有HSL和HSB呢?

因为RGB是面向显示器(或者其它颜色设备)的一种颜色模型,机器很容易控制3个分量来合成颜色,但是人类不行。我们人类几乎无法思考 25%的Red+40%的Blue+35%的Green是什么颜色,我们做不到。

于是出现了HSL和HSB(HSV就是HSB的另一个名称),这两个模型站在人类能够理解的角度,调配颜色。

HSL

H,Hue,就是颜色,代表的是人眼所能感知的颜色范围,这些颜色分布在一个平面的色相环上,取值范围是0°到360°的圆心角,每个角度可以代表一种颜色。色相值的意义在于,我们可以在不改变光感的情况下,通过旋转色相环来改变颜色。在实际应用中,我们需要记住色相环上的六大主色,用作基本参照:360°/0°红、60°黄、120°绿、180°青、240°蓝、300°洋红,它们在色相环上按照60°圆心角的间隔排列。

H,Hue,就是颜色

H,Hue,就是颜色

RGB用3个分量表示1个颜色,HSL和HSB用1个H直接表示颜色。

S,Saturation,指的是色彩的饱和度,它用0%至100%的值描述了在相同色相、明度下色彩纯度的变化。数值越大,颜色中的灰色越少,颜色越鲜艳,呈现一种从灰度到纯色的变化。

S,Saturation,指的是色彩的饱和度

S,Saturation,指的是色彩的饱和度

100%的饱和度不是白色,而是最纯的颜色,这是HSL与HSB的一个区别。

L,Lightness,指的是色彩的明度,作用是控制色彩的明暗变化。它同样使用了0%至100%的取值范围。数值越小,色彩越暗,越接近于黑色;数值越大,色彩越亮,越接近于白色。

L,Lightness,指的是色彩的明度

L,Lightness,指的是色彩的明度

无论什么颜色,在没有亮度的时候,都是黑的,在完全的亮度下,都是白的。

可以看出,HSL颜色模式,是符合人类判断颜色的直觉的。

HSB(HSV)

H是一样的,都是颜色。

S也是饱和度,但是定义不一样。HSB中的S,表示颜色中混入白色的量,反向关系,S值越大,表示白色越少,颜色就越纯。(HSL中的S,与混入啥颜色无关)

B,Brightness,定义为颜色中混入黑色的量,反向关系,B值越大,表示黑色越少,颜色就越亮。(HSL中的L,同时包含了混入黑白两种颜色的效果)

人类对黑白两色的把握能力较强,感觉HSB就是利用了这个特性。

 

上面部分消失HSB颜色模型,下面部分表示HSL颜色模型:

HSL和HSB颜色模型

HSL和HSB颜色模型

可以看出HSL模型上下是对称的。

 

RGB与HSL和HSB(HSV)在数值上可以相互转化,有公式。

本文链接:https://www.maixj.net/ict/hsl-hsb-hsv-24136

相关文章

留言区


前一篇:
后一篇:
-->只要几分钟回答问卷,就能轻松赚现金!

栏目精选

云上小悟,麦新杰的独立博客

Ctrl+D 收藏本页

栏目


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

go to top