色相

色相スケール

スペクトル

色相（しきそう、英: 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$	無彩色	未定義	未定義	未定義

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

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

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

関連項目

• 色

外部リンク

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