色彩空間中的 HSL HSV HSB 有什麼區別?

時間 2021-05-09 01:30:30

1樓:承讓了

圓柱體是從數學邏輯上的描述,HSL和HSV是兩種不同直觀上的描述,為什麼會有兩種感性直觀呢,可能就是有一部分人認為變白是飽和度變化,但也有另一部分人認為這種變白是明暗度變化

2樓:無口少女那乇

大家都寫得很詳細,我這個是根據自己的理解總結的,看你覺得適不適用吧。

HSL和HSV(又叫HSB)最大的差別是對於白色的理解,HSL當L達到最大時是白色,HSV飽和度最低的時候是白色。

看下圖,HSL模式下,白色如何出現呢,是在亮度L最大的時候出現的,無論飽和度S如何,只要L達到最大,他就顯示為白色,所以我們可以理解此處的亮度L其實指的是白的量,白的量越多當然就越白。越亮越白比較像大自然的光。

HSV下的白色如何出現呢,仔細看,是在圓心的!!!也就是說,HSV模式下,只有在飽和度S為0的時候才會是白色,而只要飽和度S不為0,那麼無論其他數字怎麼變,他都不可能是白色的,明度V(B)改變只會改變顏色與顏色對比時的明暗關係。所以說這裡的飽和度S,可以理解為是彩色的量,彩色的量為0了,就自然是白色的了。

飽和度越高顏色越鮮明,比較像電子顯示屏類的光。

3樓:菜豆

即便我們用一些方法決定了閾值以後,那麼下面的乙個問題就會讓人抓狂,顏色是組合的,即便藍色屬性在255(這樣已經很『藍』了吧),只要另外兩個分量配合(例如都為255),你最後得到的不是藍色,而是黑色。

為了解決各種顏色相關的問題,人們發明了各種顏色模型。其中有乙個模型,非常適合解決顏色判斷的問題。這個模型就是HSV模型。

上面理論來自:

EasyPR--開發詳解(5)顏色定位與偏斜扭轉 - 計算機的潛意識 - 部落格園

4樓:「已登出」

其實這麼問很難讓你梳理清楚。就算具體應用到形成習慣也是雲裡霧裡。

建議題主掌握必要的物理學內容,比如光波光譜和視神經系統(色彩三要素就是基於物理內容提出的)。然後再了解配色模式也不遲。

5樓:Forrest

首先, 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 拾色器的右上角問你,這裡明度最高,為什麼不是白色的呢?

6樓:

HSB,S=純色/白色,B就看作一盞燈(通過「0%黑色」到「100%黑色」來模擬這盞燈的亮度值)

B燈你也可以看作黑暗程度,其值為0的時候,就當B屬性不存在,只顯示「顏色另兩個屬性」。其值》0%時表示B燈啟動,對「顏色另兩個屬性」開始發生作用。

HSL,S=純色/50%灰色,L也看作一盞燈(但它模擬的方式和HSB中的B不同,「<50%」代表黑色的量,50%代表白色和黑色的量都為0,「>50%~100%」代表白色的量)

L燈可以看作一盞「兩極燈」,它有黑暗和光明兩個端點,維持在當中的50%時表示L屬性不存在,只顯示「顏色另兩個屬性」。其值向兩級移動時表示L燈啟動,對「顏色另兩個屬性」開始發生作用。

7樓:回聲

H是一樣的,S飽和度的定義不一樣,最大的區別是明度值value和亮度值Lightness,HSV中具有飽和度1和明度值1的顏色在HSL中亮度值為1/2,那是不是HSL可以表示的顏色比HSV多呢,也可能不是,畢竟飽和度的定義不一樣,那飽和度究竟怎麼定義的。

8樓:

這是特別容易混淆的幾個概念。

RGB 是對機器很友好的色彩模式,但並不夠人性化,因為我們對色彩的認識往往是」什麼顏色?鮮豔不鮮豔?亮還是暗?

」。HSL 模式和 HSV(HSB) 都是基於 RGB 的,是作為乙個更方便友好的方法建立出來的。

HSB 為色相,飽和度,明度,

HSL 為色相,飽和度,亮度,

HSV 為色相,飽和度,明度。

HSB 和 HSV 是是一樣的,只是叫法不同,HSL 則還有一些細微的區別:

在所有的情況下,H(Hue) 代表色相,S(Saturation) 代表飽和度。Hue(色相)是指取值範圍在0-360°的圓心角,每個角度可以代表一種顏色。B 在 HSB 模式中是 Brightness 的意思, V 在 HSV 中是值,但是所表述的是乙個東西:

對光的量或光源的功率的感知。色相和明度(值)可以在0 - 1或者0% - 100%間取值。

HSL 稍微有一些不同,Hue(色相)和 HSB/HSV 模式中一樣用數值表示,但是, S,同樣代表「飽和度」,定義不一樣,且需要轉換。 L 代表亮度,和 Brightness/Value 不一樣。Brightness(明度)是被認為是」光的量「,可以是任何顏色。

而 Lightness(亮度)是作為」白的量「來理解的。Saturation(飽和度)不一樣,因為在兩個模型中,飽和度都按比例縮放以適應明度或亮度的定義。

兩者的區別,和他們之間對於飽和度的定義的不同。咱們拿案例看吧,先選同乙個色 #f200ff

放入 HSL Color Picker,顯示 HSL 數值為:H(297), S(100), L(50)

但是我們放在 Sketch 裡面看一下,顯示的 HSB 數值為,H(297), S(100), B(100) :

同樣,需要提醒一下的是,CSS 裡頭支援的是 HSL,而不是 HSB,不要把 HSB 的數值直接套用了,不然的話你看到的可能會是不一樣的顏色。

HSL 和 HSB 哪乙個更適合人機介面,是有爭議的,實際運用的區別會和我上面的例子一樣,具體的區別和優劣勢,可移步到這看:

Color Models: RGB, HSV, HSL

如何看待戀夢空間中的餘思婭?

只有我乙個人覺得卡丁車那次約會是她知道林冠羽會選許的卡丁車才選的嗎 那種優雅的完美女神會選這個!也並沒有看到她多喜歡卡丁車哎 其實一開始就不覺著她漂亮不是很喜歡的長相型別可能是我的審美感覺韓版心動國內心動或者遇見裡面女生顏值真的好一些。應該這麼說三個其實都一般,相對的另外兩個看起來更自然,就是自然舒...

度量空間中的每個柯西數列在其中收斂的意思是指這個序列的收斂點在該度量空間內嗎?

殺死數學 瀉藥那要看你的度量空間是否完備 繼續讀你就知道是可以構造並存在有理點列收斂於乙個無理數的。所以有理點集並不是完備的。所以度量空間中每個柯西列其收斂點是否在其中,就與所在度量空間是否完備有關 這東西你要看看實變函式就清楚了。現在很多版本的數學書為了顯示出逼格,硬是把現代的數學理論套到數學分析...

怎樣在宇宙(空間)中定位乙個點?

已登出 是有把脈衝星作為定位點的,這是最好的參照點,因為脈衝星發射的脈衝訊號非常精準,並且精準度可長期保持不變,穩定性好,容易探測到,用它做定位點優於其它任何天體,其它天體不具備這些優勢。 二叉樹 如果是用於空間航行的導航,則用遠處的星系即可,因為遠方星系及星系間的位置關係對宇宙航行來說是慢變的。如...