HLS色空間

デジタル大辞泉

エッチエルエス‐いろくうかん【HLS色空間】

読み方：えっちえるえすいろくうかん

⇒エッチ‐エス‐エル（HSL）

ウィキペディア

HLS色空間

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2023/07/16 07:46 UTC 版)

HLS色空間（エイチエルエスいろくうかん）とは、色相 (Hue)、彩度 (Saturation)、輝度（Lightness / Luminance または Intensity）の3つの成分からなる色空間。HSV色空間によく似ている。 HSL、HSIと呼ばれることもある。

HLS色空間のカラーモデル

色相

色味を0から360度の範囲の角度で表す。0度は赤で、その反対側に位置する180度は赤の反対色にあたる青緑。すなわち、反対色を見つけるのも容易。色相についてはHSVと同じ。

彩度

HSVとは違い、純色から彩度が落ちるということは、すなわち灰色になっていくという考え方に基づいている。

輝度

明度100%を純色としてそこからどれだけ明るさが失われるかで表すHSVとは違い、輝度0 %を黒、100 %を白とし、その中間 (50 %) を純色とする。50 %以下はHSVの明度を示し、50 %以上はHSVの彩度を示すと考えると分かりやすいだろう。

HLS色空間を使う代表的なアプリケーションとしては、Microsoft Windows（ペイントを含む）、CSS3、Paint Shop Pro、Inkscape など。

RGBからHLS (HSL) への変換

${\begin{aligned}H&={\begin{cases}{\text{undefined,}}&{\text{if }}\mathrm {MIN} =\mathrm {MAX} \\60\times {\frac {G-R}{\mathrm {MAX} -\mathrm {MIN} }}+60,&{\text{if }}\mathrm {MIN} =B\\60\times {\frac {B-G}{\mathrm {MAX} -\mathrm {MIN} }}+180,&{\text{if }}\mathrm {MIN} =R\\60\times {\frac {R-B}{\mathrm {MAX} -\mathrm {MIN} }}+300,&{\text{if }}\mathrm {MIN} =G\end{cases}}\\L&={\frac {\mathrm {MAX} +\mathrm {MIN} }{2}}\end{aligned}}$

基礎的概念

色彩理論 · 色空間 · 配色 · 補色 · 暖色 · 寒色 · 加法混合 · 減法混合 · 色名 · 原色 · 純色 · 有彩色 · 無彩色 · 二次色 · 三次色 · 中間色 · ホワイトバランス · アルファブレンド

色の三属性

色相 · 彩度 · 明度

色名

分野

研究者

ドルトン · ヤング · プルキニェ · グラスマン · E.W.V.ブリュッケ · ヘルムホルツ · ヘリング · ベゾルト · マッハ · オストヴァルト · ゴールドシュタイン · グラニト · マクアダム

表色系

混色系：CIE XYZ · CIE RGB · CIE Lab · CIE Luv · CIE Yuv · CIE UVW · CIECAM02 · オストワルト表色系 · Rec._2020 · RGB · YUV
顕色系：HSV · HSL · マンセル表色系 · NCS · PCCS

関連項目

色名一覧 · 色立体 · カラーチャート · グレースケール · ブラック・アンド・ホワイト · 蛍光色 · 言語による青と緑の違い · 緑#緑をさす「青」 · グルーのパラドックス · 色彩調和論 · 色素 · 視覚効果 · 透明 · 無色 · 日本の色の一覧 · 日本の伝統色 · パステルカラー · バルール · パレット · パーソナルカラー · ヒトの髪の色 · ヒトの虹彩の色 · ヒトの肌の色 · 不可能な色 · 構造色 · 虹色 · 二色旗 · 三色旗