色相のソースを表示

{{pp-vandalism|small=yes}}
{{出典の明記|date=2024年11月}}
{{色}}
[[File:HueScale.svg|thumb|200px|色相スケール]]
[[File:Spectrum4websiteEval.png|thumb|200px|[[スペクトル]]]]
'''色相'''（しきそう、{{Lang-en|hue}}<ref name="terms">{{Cite book|和書|author = [[文部省]]|coauthors = [[日本心理学会]]編|title = [[学術用語集]] : 心理学編|url = http://sciterm.nii.ac.jp/cgi-bin/reference.cgi|year = 1986|publisher = [[日本学術振興会]]|isbn = 4-8181-8602-3|page = }}</ref>）は、[[赤]]、[[オレンジ色|オレンジ]]、[[黄色|黄]]、[[緑]]、[[青]]、[[紫]]といった[[色]]の様相の相違である。特定の[[波長]]が際立っていることによる変化であり、際立った波長の範囲によって、[[定性]]的に記述できる。ただし、常に同じ波長が同じ色に見える訳ではない。赤から、オレンジ、黄、緑、青を経て、[[菫色|菫]]（[[紫]]）までは、[[スペクトル]]上の色であると言える。

[[彩度]]、[[明度]]と併せて、[[色の三属性]]と言う<ref name="onobori2004p34">{{Cite book|和書|author=尾登誠一|title=色彩楽のすすめ|publisher=[[岩波書店]]|series=岩波アクティブ新書|year=2004|isbn=4-00-700101-4|pages=34・35頁|chapter=3 色の世界を知る}}</ref>。色から[[彩度]]と[[明度]]または[[輝度 (光学)|輝度]]の要素を取り除いた残りであるということもできる。

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

== 色相環 ==
<span>[[File:HLSColorSpace.png|thumb|色相環]]</span>
<span>[[File:RGB color wheel 24.svg|thumb|24等分した色相]]</span>
[[File:MunsellColorCircle.png|thumb|[[マンセル表色系]]での色相環]]
[[File:HSV-RGB-comparison.svg|thumb|RGBと色相の関係（[[三角関数]]を使わない場合）]]
色相の総体を順序立てて円環にして並べたものを'''色相環'''（しきそうかん、{{Lang-en-short|color circle}}<ref name="terms" />）と言う。色相環上では、[[補色]]を反対の位置に設ける。連続的な色相環<ref name="onobori2004p34" />中のある1色を指すために、色を円の角度として表現したり、有限個の色の集合を定義したうえでそれを選ぶことで表現したりされる。色相環を表現する[[色空間#表色系 2|表色系]]には[[マンセル表色系]]、[[色空間#オストワルト表色系|オストワルト表色系]]、[[PCCS]]などがある<ref>現在よく知られているものには、マンセル表色系、オストワルト表色系、PCCS（日本色研配色体系）など数種類がある[http://zokeifile.musabi.ac.jp/%e8%89%b2%e7%9b%b8%e7%92%b0/ 色相環 - 武蔵野美術大学 造形ファイル]</ref>。

色相環は隣り合う[[純色]]の組み合わせで混色し、微妙な色相を作るときの手がかりとして用いられる<ref name="onobori2004p34"/>。

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

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

== 色相を求める計算 ==
[[CIELAB]]から：
:<math>\tan H = \frac{b^*}{a^*}</math>

[[CIELUV]]から：
:<math>\tan H = \frac{v^*}{u^*} = \frac{v'}{u'}</math>

[[RGB]]から：
:<math>\tan H = \frac{\sqrt{3} (G - B)}{2 R - G - B}</math>

[[逆三角関数]]が使えないときは、次の式で大まかな値を求めることもできる。
{| class="wikitable"
|-
! 大小関係
! 色相の範囲
! 式1
! 式2
! 角度
|-
| <math>R \ge G \ge B</math>
| 赤–黄色
| <math>H = 60^{\circ} \times \frac{G - B}{R - B}</math>
| <math>H = 60^{\circ} \times \frac{G - B}{R - B}</math>
| 0°–60°
|-
| <math>G \ge R \ge B</math>
| 黄色–緑
| <math>H = 60^{\circ} \times \left( 2 - \frac{R - B}{G - B}\right)</math>
| <math>H = 60^{\circ} \times \left( 1 + \frac{G - R}{G - B}\right)</math>
| 60°–120°
|-
| <math>G \ge B \ge R</math>
| 緑–シアン
| <math>H = 60^{\circ} \times \left( 2 + \frac{B - R}{G - R}\right)</math>
| <math>H = 60^{\circ} \times \left( 2 + \frac{B - R}{G - R}\right)</math>
| 120°–180°
|-
| <math>\ B \ge G \ge R\ </math>
| シアン–青
| <math>H = 60^{\circ} \times \left( 4 - \frac{G - R}{B - R}\right)</math>
| <math>H = 60^{\circ} \times \left( 3 + \frac{B - G}{B - R}\right)</math>
| 180°–240°
|-
| <math>B \ge R \ge G</math>
| 青–マゼンタ
| <math>H = 60^{\circ} \times \left( 4 + \frac{R - G}{B - G}\right)</math>
| <math>H = 60^{\circ} \times \left( 4 + \frac{R - G}{B - G}\right)</math>
| 240°–300°
|-
| <math>R \ge B \ge G</math>
| マゼンタ–赤
| <math>H = 60^{\circ} \times \left( 6 - \frac{B - G}{R - G}\right)</math>
| <math>H = 60^{\circ} \times \left( 5 + \frac{R - B}{R - G}\right)</math>
| 300°–360°
|-
| <math>R = B = G</math>
| 無彩色
| 未定義
| 未定義
| 未定義
|}
{| class="wikitable"
|-
! 最大値
! 式
! 最小値
! 式
|-
| <math>\mathrm{Max} = R</math>
| <math>H = 60^{\circ} \times \frac{G - B}{\mathrm{Max} - \mathrm{Min}}</math>
| <math>\mathrm{Min} = B</math>
| <math>H = 60^{\circ} \times \left( 1 + \frac{G - R}{\mathrm{Max} - \mathrm{Min}}\right)</math>
|-
| <math>\mathrm{Max} = G</math>
| <math>H = 60^{\circ} \times \left( 2+ \frac{B - R}{\mathrm{Max} - \mathrm{Min}}\right)</math>
| <math>\mathrm{Min} = R</math>
| <math>H = 60^{\circ} \times \left( 3 + \frac{B - G}{\mathrm{Max} - \mathrm{Min}}\right)</math>
|-
| <math>\mathrm{Max} = B</math>
| <math>H = 60^{\circ} \times \left( 4 + \frac{R - G}{\mathrm{Max} - \mathrm{Min}}\right)</math>
| <math>\mathrm{Min} = G</math>
| <math>H = 60^{\circ} \times \left( 5 + \frac{R - B}{\mathrm{Max} - \mathrm{Min}}\right)</math>
|-
| <math>\mathrm{Max} = \mathrm{Min}</math>
| 未定義
| <math>\mathrm{Max} = \mathrm{Min}</math>
| 未定義
|}
{| class="wikitable"
|-
! N
! 式
|-
| <math>N \bmod 2 = 0</math>
| <math>H = 60^{\circ} \times \left( N+ \frac{\mathrm{Median} - \mathrm{Min}}{\mathrm{Max} - \mathrm{Min}}\right)</math>
|-
| <math>N \bmod 2 = 1</math>
| <math>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)</math>
|-
| <math>N =</math> 未定義
| <math>H =</math> 未定義
|}
{| class="wikitable"
|-
| <math>\mathrm{Max}=R, \mathrm{Min}=B</math>
| <math>N=0</math>
|-
| <math>\mathrm{Max}=G, \mathrm{Min}=B</math>
| <math>N=1</math>
|-
| <math>\mathrm{Max}=G, \mathrm{Min}=R</math>
| <math>N=2</math>
|-
| <math>\mathrm{Max}=B, \mathrm{Min}=R</math>
| <math>N=3</math>
|-
| <math>\mathrm{Max}=B, \mathrm{Min}=G</math>
| <math>N=4</math>
|-
| <math>\mathrm{Max}=R, \mathrm{Min}=G</math>
| <math>N=5</math>
|-
| <math>\mathrm{Max} = \mathrm{Min}</math>
| <math>N =</math> 未定義
|}

== 脚注 ==
{{Reflist}}

== 関連項目 ==
* [[色]]

== 外部リンク ==
{{Commonscat|Hue}}
{{Cite web|和書|url=https://www.i-iro.com/dic/|title=色の名前と色見本一覧|accessdate=2020/06/17|publisher=}}{{Color topics}}

{{Normdaten}}

{{DEFAULTSORT:しきそう}}
[[Category:色]]
[[Category:角度]]