色彩工学

HLS色空間の概要と特性

HLS色空間の概要と特性
HLS色空間(色相・彩度・輝度)の定義、RGBとの変換、およびその特性について解説します。

📌 主なポイント

  • HLSは色相(Hue)、彩度(Saturation)、輝度(Lightness)の頭文字をとった色空間である。
  • 人間が直感的に色を操作しやすいため、多くのソフトウェアのカラーピッカーで採用されている。
  • RGB色空間とは数学的な変換式によって相互に変換が可能である。

HLS色空間は、色を色相(Hue)、彩度(Saturation)、輝度(Lightness / Luminance)の3つの成分で表現する色空間です。人間が色を認識する感覚に近い形で指定できるため、グラフィックデザインやソフトウェアのカラーピッカーなどで広く利用されています。HSLやHSIと表記されることもあります。

HLS色空間のカラーモデル
HLS色空間のカラーモデル

主な構成要素

  • 色相 (Hue): 色の種類を角度(0度から360度)で表します。
  • 彩度 (Saturation): 色の鮮やかさを表します。
  • 輝度 (Lightness): 色の明るさを表します。

RGBとの変換

コンピュータ画面で一般的に用いられるRGB色空間とHLS色空間の間には、数学的な変換式が存在します。変換にはRGB値の最大値(MAX)と最小値(MIN)を求めるプロセスが含まれます。

RGBからHLSへの変換式
RGBからHLSへの変換式

HLS色空間には、双円錐モデルや円柱モデルといった複数の幾何学的モデルが存在し、彩度の定義がモデルによって異なる場合があります。実装時には、使用するモデルの定義を確認することが重要です。

主な用途

HLS色空間は、直感的な色指定が求められる環境で採用されています。主な例として、Microsoft Windowsのカラー選択ダイアログ、CSS3のカラー指定、Paint Shop ProやInkscapeなどの画像編集・グラフィックソフトウェアが挙げられます。

よくある質問

HLSとHSVの違いは何ですか?
HLSは輝度(Lightness)を用いますが、HSVは明度(Value)を用います。両者は色の表現方法が似ていますが、明るさの定義や計算式が異なります。
HLSはどのような場面で使われますか?
主にグラフィックソフトウェアのカラー選択ツールや、WebデザインにおけるCSSのカラー指定など、人間が直感的に色を調整する必要がある場面で使用されます。

関連記事

RGB色空間HSV色空間色彩工学カラーモデル

参考文献

  • Wikipedia: HLS色空間 (検証用)
  • 色彩工学における色空間の定義と変換に関する技術資料