色相

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

色相スケール

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

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

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

色相環編集

色相環

24等分した色相

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

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

色相の総体を順序立てて円環にして並べたものを色相環（しきそうかん、英: color circle^[1]）と言う。色相環上では、補色を反対の位置に設ける。理論的には、境目がなく連続的なものである^[2]。しかし、一般的には20等分や40等分、RGBカラーでは6等分や12等分（時計で示した場合）^[2]、24等分で表現される。色相を角度で示すものもある。現代ではマンセル表色系などのように、赤から始まるものが多い。

またヘリングの心理四原色（赤、青、黄色、緑）はおおよそ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%

用途編集

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

色相を求める計算編集

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 = 未定義

脚注編集

[脚注の使い方]

^ ^a ^b 文部省、日本心理学会編『学術用語集 : 心理学編』日本学術振興会、1986年。ISBN 4-8181-8602-3。
^ ^a ^b ^c ^d 尾登誠一「3 色の世界を知る」『色彩楽のすすめ』岩波書店〈岩波アクティブ新書〉、2004年、34・35頁。ISBN 4-00-700101-4。

参考文献編集

外部リンク編集

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

[terms-1] 文部省、日本心理学会編『学術用語集 : 心理学編』日本学術振興会、1986年。ISBN 4-8181-8602-3。

[onobori2004p34-2] 尾登誠一「3 色の世界を知る」『色彩楽のすすめ』岩波書店〈岩波アクティブ新書〉、2004年、34・35頁。ISBN 4-00-700101-4。

[1]

[2]

色相

目次