HLS色空間

この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "HLS色空間" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2019年1月)

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

色相

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

彩度

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

輝度

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

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

${\displaystyle {\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}}}$

双円錐モデル

${\displaystyle S=\mathrm {MAX} -\mathrm {MIN} \,}$

円柱モデル

${\displaystyle S={\frac {\mathrm {MAX} -\mathrm {MIN} }{1-|\mathrm {MAX} +\mathrm {MIN} -1|}}}$

双円錐モデルと円柱モデルがあり、彩度の定義が異なるため、注意が必要である。

RGBへ変換する際には、いったん最大値や最小を求める必要がある。

HSLの円柱モデルからの変換

${\displaystyle Max=L+{\frac {S\times (1-|2\times L-1|)}{2}}}$

${\displaystyle Min=L-{\frac {S\times (1-|2\times L-1|)}{2}}}$

HSLの円錐モデルからの変換

${\displaystyle Max=L+{\frac {S}{2}}}$

${\displaystyle Min=L-{\frac {S}{2}}}$

求めた最大値と最小値を、色相で場合分けした上で、RGBの各チャンネルに代入する。

${\displaystyle {\begin{aligned}(R,G,B)&={\begin{cases}({\text{Max}}={\text{Min}},{\text{Max}}={\text{Min}},{\text{Max}}={\text{Min}})&{\mbox{if }}H{\mbox{ is undefined}}\\({\text{Max}},{\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {H}{60}},{\text{Min}})&{\mbox{if }}0\leq H<60\\({\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {120-H}{60}},{\text{Max}},{\text{Min}})&{\mbox{if }}60\leq H<120\\({\text{Min}},{\text{Max}},{\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {H-120}{60}})&{\mbox{if }}120\leq H<180\\({\text{Min}},{\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {240-H}{60}},{\text{Max}})&{\mbox{if }}180\leq H<240\\({\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {H-240}{60}},{\text{Min}},{\text{Max}})&{\mbox{if }}240\leq H<300\\({\text{Max}},{\text{Min}},{\text{Min}}+({\text{Max}}-{\text{Min}})\times {\frac {360-H}{60}})&{\mbox{if }}300\leq H<360\end{cases}}\end{aligned}}}$

色相が定義されない場合は、彩度＝0であり、全てのチャンネルが明度や輝度に等しくなる（最大値＝最小値）。

表 話 編 歴 色彩
色彩科学	色の物理学 電磁スペクトル 可視光 スペクトル色 構造色 発色団 カラリメトリー 分光強度分布（英語版） 色覚 色覚 色覚異常 条件等色 色順応 色の恒常性 色温度 反対色過程 ユニーク色相 色彩心理学 ナショナルカラー 色再現 色域 ホワイトバランス デジタル画像処理 カラーマネージメントシステム 色空間 アルファブレンド
基礎的概念	色彩理論（英語版） 配色 補色 暖色 寒色 加法混合 減法混合 色名 原色 純色 有彩色 無彩色 二次色 三次色（英語版） 中間色
色の三属性	色相 彩度 明度
色名	基礎的な色 白 黒 赤 緑 青 シアン/藍 マゼンタ/紅 黄 代表的な二次色 紫色 碧色 橙色 褐色 灰色
分野	印刷 網点 CMYK 特色（スポットカラー） コンピューター 色深度 ウェブカラー X11の色名称
研究者	ゲーテ ルンゲ ドルトン ヤング プルキニェ シュヴルール グラスマン E.W.V.ブリュッケ（英語版） ヘルムホルツ マクスウェル ヘリング ベツォルト マッハ アブニー オストヴァルト マンセル ゴールドシュタイン（英語版） グラニト スヴァエティチン マクアダム ジャッド ワイスゼッキ クリース ジェイムソン ハーヴィッチ
表色系(色空間)	混色系 CIE XYZ CIE RGB CIE Lab CIE Luv CIE Yuv CIE UVW CIECAM02（英語版） オストワルト表色系 Rec. 2020 RGB YUV 顕色系 HSV HSL マンセル表色系 NCS PCCS その他 LMS色空間 色の見えモデル
色彩の組織	パントン 国際照明委員会 国際色彩学会 国際カラーコンソーシアム 日本色彩学会 日本色彩研究所 日本流行色協会 日本カラーデザイン研究所
関連項目	色名一覧 色立体 カラーチャート グレースケール ブラック・アンド・ホワイト 蛍光色 言語による青と緑の違い（英語版） 緑#緑をさす「青」 グルーのパラドックス 色彩調和論 色素 透明 無色 日本の色の一覧 日本の伝統色 パステルカラー バルール パレット パーソナルカラー ヒトの髪の色 ヒトの虹彩の色 ヒトの肌の色 不可能な色 虹色 二色旗 三色旗 対比効果 プルキニェ現象 アブニー効果（英語版） ヘルムホルツ・コールラウシュ効果（英語版） ベツォルト・ブリュッケ現象（英語版） ハント効果（英語版）

この項目は、色に関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています（PJ:色名）。

• 表示
• 編集