色相

この項目では色を扱っています。閲覧環境によっては、色が適切に表示されていない場合があります。

色相（しきそう、英: hue^[1]）は、赤、オレンジ、黄、緑、青、紫といった色の様相の相違である。特定の波長が際立っていることによる変化であり、際立った波長の範囲によって、定性的に記述できる。ただし、常に同じ波長が同じ色に見える訳ではない。赤から、オレンジ、黄、緑、青を経て、菫（紫）までは、スペクトル上の色であると言える。

彩度、明度と併せて、色の三属性と言う^[2]。色から彩度と明度または輝度の要素を取り除いた残りであるということもできる。

英語ではhue (ヒュー) であり、Hやhで略記される。

色相環

色相の総体を順序立てて円環にして並べたものを色相環（しきそうかん、英: color circle^[1]）と言う。色相環上では、補色を反対の位置に設ける。連続的な色相環^[2]中のある1色を指すために、色を円の角度として表現したり、有限個の色の集合を定義したうえでそれを選ぶことで表現したりされる。色相環を表現する表色系にはマンセル表色系、オストワルト表色系、PCCSなどがある^[3]。

色相環は隣り合う純色の組み合わせで混色し、微妙な色相を作るときの手がかりとして用いられる^[2]。

ヘリングの心理四原色（赤、青、黄色、緑）はおおよそ90度の間隔を置いて並んでいる。色の三原色（シアン、マゼンタ、黄色）や光の三原色（赤、緑、青）は、おおよそ120度の間隔を置くように選ばれる。光の三原色が120度間隔であることと心理四原色が90度間隔であることは一見矛盾しているように見えるが、それぞれで言われている赤、緑、青は異なる概念である。

24等分した色相の角度（ウェブカラー）

色相を求める計算

CIELABから：

${\displaystyle \tan H={\frac {b^{*}}{a^{*}}}}$

CIELUVから：

${\displaystyle \tan H={\frac {v^{*}}{u^{*}}}={\frac {v'}{u'}}}$

RGBから：

${\displaystyle \tan H={\frac {{\sqrt {3}}(G-B)}{2R-G-B}}}$

逆三角関数が使えないときは、次の式で大まかな値を求めることもできる。

大小関係	色相の範囲	式1	式2	角度
${\displaystyle R\geq G\geq B}$	赤–黄色	${\displaystyle H=60^{\circ }\times {\frac {G-B}{R-B}}}$	${\displaystyle H=60^{\circ }\times {\frac {G-B}{R-B}}}$	0°–60°
${\displaystyle G\geq R\geq B}$	黄色–緑	${\displaystyle H=60^{\circ }\times \left(2-{\frac {R-B}{G-B}}\right)}$	${\displaystyle H=60^{\circ }\times \left(1+{\frac {G-R}{G-B}}\right)}$	60°–120°
${\displaystyle G\geq B\geq R}$	緑–シアン	${\displaystyle H=60^{\circ }\times \left(2+{\frac {B-R}{G-R}}\right)}$	${\displaystyle H=60^{\circ }\times \left(2+{\frac {B-R}{G-R}}\right)}$	120°–180°
${\displaystyle \ B\geq G\geq R\ }$	シアン–青	${\displaystyle H=60^{\circ }\times \left(4-{\frac {G-R}{B-R}}\right)}$	${\displaystyle H=60^{\circ }\times \left(3+{\frac {B-G}{B-R}}\right)}$	180°–240°
${\displaystyle B\geq R\geq G}$	青–マゼンタ	${\displaystyle H=60^{\circ }\times \left(4+{\frac {R-G}{B-G}}\right)}$	${\displaystyle H=60^{\circ }\times \left(4+{\frac {R-G}{B-G}}\right)}$	240°–300°
${\displaystyle R\geq B\geq G}$	マゼンタ–赤	${\displaystyle H=60^{\circ }\times \left(6-{\frac {B-G}{R-G}}\right)}$	${\displaystyle H=60^{\circ }\times \left(5+{\frac {R-B}{R-G}}\right)}$	300°–360°
${\displaystyle R=B=G}$	無彩色	未定義	未定義	未定義

最大値	式	最小値	式
${\displaystyle \mathrm {Max} =R}$	${\displaystyle H=60^{\circ }\times {\frac {G-B}{\mathrm {Max} -\mathrm {Min} }}}$	${\displaystyle \mathrm {Min} =B}$	${\displaystyle H=60^{\circ }\times \left(1+{\frac {G-R}{\mathrm {Max} -\mathrm {Min} }}\right)}$
${\displaystyle \mathrm {Max} =G}$	${\displaystyle H=60^{\circ }\times \left(2+{\frac {B-R}{\mathrm {Max} -\mathrm {Min} }}\right)}$	${\displaystyle \mathrm {Min} =R}$	${\displaystyle H=60^{\circ }\times \left(3+{\frac {B-G}{\mathrm {Max} -\mathrm {Min} }}\right)}$
${\displaystyle \mathrm {Max} =B}$	${\displaystyle H=60^{\circ }\times \left(4+{\frac {R-G}{\mathrm {Max} -\mathrm {Min} }}\right)}$	${\displaystyle \mathrm {Min} =G}$	${\displaystyle H=60^{\circ }\times \left(5+{\frac {R-B}{\mathrm {Max} -\mathrm {Min} }}\right)}$
${\displaystyle \mathrm {Max} =\mathrm {Min} }$	未定義	${\displaystyle \mathrm {Max} =\mathrm {Min} }$	未定義

N	式
${\displaystyle N{\bmod {2}}=0}$	${\displaystyle H=60^{\circ }\times \left(N+{\frac {\mathrm {Median} -\mathrm {Min} }{\mathrm {Max} -\mathrm {Min} }}\right)}$
${\displaystyle N{\bmod {2}}=1}$	${\displaystyle H=60^{\circ }\times \left(N+{\frac {\mathrm {Max} -\mathrm {Median} }{\mathrm {Max} -\mathrm {Min} }}\right)=60^{\circ }\times \left((N+1)-{\frac {\mathrm {Median} -\mathrm {Min} }{\mathrm {Max} -\mathrm {Min} }}\right)}$
${\displaystyle N=}$ 未定義	${\displaystyle H=}$ 未定義

${\displaystyle \mathrm {Max} =R,\mathrm {Min} =B}$	${\displaystyle N=0}$
${\displaystyle \mathrm {Max} =G,\mathrm {Min} =B}$	${\displaystyle N=1}$
${\displaystyle \mathrm {Max} =G,\mathrm {Min} =R}$	${\displaystyle N=2}$
${\displaystyle \mathrm {Max} =B,\mathrm {Min} =R}$	${\displaystyle N=3}$
${\displaystyle \mathrm {Max} =B,\mathrm {Min} =G}$	${\displaystyle N=4}$
${\displaystyle \mathrm {Max} =R,\mathrm {Min} =G}$	${\displaystyle N=5}$
${\displaystyle \mathrm {Max} =\mathrm {Min} }$	${\displaystyle N=}$ 未定義

脚注

参考文献

関連項目

ウィキメディア・コモンズには、色相に関連するカテゴリがあります。

• 色

外部リンク

“色の名前と色見本一覧”. 2020年6月17日閲覧。

表 話 編 歴 色彩
基礎的事象	可視光 · 色覚 · 色覚異常 · 色覚恒常（英語版）
基礎的概念	色彩理論（英語版） · 色空間 · 配色 · 補色 · 暖色 · 寒色 · 加法混合 · 減法混合 · 色名 · 原色 · 純色 · 有彩色 · 無彩色 · 二次色 · 三次色（英語版） · 中間色 · ホワイトバランス · アルファブレンド
色の三属性	色相 · 彩度 · 明度
色名	基礎的な色 白 · 黒 · 赤 · 緑 · 青 · シアン/藍 · マゼンタ/紅 · 黄 代表的な二次色 紫色 · 碧色 · 橙色 · 褐色 · 灰色
分野	印刷 網点 · 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
関連項目	色名一覧 · 色立体 · カラーチャート · グレースケール · ブラック・アンド・ホワイト · 蛍光色 · 言語による青と緑の違い（英語版） · 緑#緑をさす「青」 · グルーのパラドックス · 色彩調和論 · 色素 · 視覚効果 · 透明 · 無色 · 日本の色の一覧 · 日本の伝統色 · パステルカラー · バルール · パレット · パーソナルカラー · ヒトの髪の色 · ヒトの虹彩の色 · ヒトの肌の色 · 不可能な色 · 構造色 · 虹色 · 二色旗 · 三色旗