色相

色相スケール

スペクトル

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

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

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

色相環

色相環

24等分した色相

マンセルシステムでの色相環

RGBと色相の関係︵三角関数を使わない場合︶

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

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

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

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

「ウェブカラー」も参照

色相の角度	カラーコード	色名	輝度
色相:0°	#FF0000	赤	30%
色相:15°	#FF4000	朱色	45%
色相:30°	#FF8000	オレンジ色	59%
色相:45°	#FFBF00	ゴールデンイエロー	74%
色相:60°	#FFFF00	黄色（ウェブカラー）=レモン色に近い色	89%
色相:75°	#BFFF00	明るい黄緑色	81%
色相:90°	#80FF00	黄緑色、シャルトルーズグリーン	74%
色相:105°	#40FF00	葉っぱの葉緑素のような明るい緑色	66%
色相:120°	#00FF00	緑	59%
色相:135°	#00FF40	コバルトグリーン	62%
色相:150°	#00FF80	エメラルドグリーン	64%
色相:165°	#00FFBF	青緑色、ターコイズグリーン	67%
色相:180°	#00FFFF	ターコイズブルー、シアン（ウェブカラー）	70%
色相:195°	#00BFFF	セルリアンブルー	55%
色相:210°	#0080FF	青、アジュール	41%
色相:225°	#0040FF	青、真っ青、コバルトブルー	26%
色相:240°	#0000FF	群青色	11%
色相:255°	#4000FF	ヒヤシンス	19%
色相:270°	#8000FF	バイオレット	26%
色相:285°	#BF00FF	紫	34%
色相:300°	#FF00FF	マゼンタ（ウェブカラー）	41%
色相:315°	#FF00BF	赤紫色	38%
色相:330°	#FF0080	ルビーレッド、クリムソン	36%
色相:345°	#FF0040	カーマイン、紅色	33%

色相を求める計算

CIELABから：

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

CIELUVから：

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

RGBから：

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

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

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

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

N	式
$N{\bmod {2}}=0$	$H=60^{\circ }\times \left(N+{\frac {\mathrm {Median} -\mathrm {Min} }{\mathrm {Max} -\mathrm {Min} }}\right)$
$N{\bmod {2}}=1$	$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)$
$N=$ 未定義	$H=$ 未定義

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

関連項目

• 色

外部リンク

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