{{위키데이터 속성 추적}}
{{색}}
[[파일:HueScale.svg|250px|right|섬네일| [[HSV 색공간|HSV]]에 따라 [[RGB 가산혼합|RGB]]로 표현된 색상]]
'''색상'''(色相)은 [[명도]], [[채도]]와 함께 [[색]]의 주요한 세 속성 가운데 하나이다. [[HSV 색공간]]에서 색상('''H'''ue)은 채도('''S'''aturation), 명도('''B'''rightness, '''V'''alue)와 함께 하나의 색을 지정하는 좌표를 이룬다.

색상은 [[노랑]], [[빨강]]과 같은 [[색 목록|색 이름]]으로 구분지어 불리며 흔히 밝은 노랑이나 어두운 빨강과 같이 명도 및 채도를 형용하는 낱말과 같이 표현된다. 고유한 색의 이름도 색상의 기준에 따라 다르게 이름을 붙일 수 있는데 예를 들어 [[갈색]]은 어두운 [[주황]]으로, [[분홍]]은 밝은 [[빨강]]이라 표현될 수 있다.

== HSV 색 공간과 색상 ==
[[HSV 색공간|HSV 색 공간]]에서 색상 값 H는 [[먼셀 색 체계|먼셀의 색 체계]]를 기반으로 한 [[색상환]]에 대응하여 [[빨강]]을 기준으로 한 각도로 표현된다.

{| class="wikitable" width="60%"
![[웹 색상]]
!H 값
!HSV 좌표
![[색 목록| 색 이름]]
![[RGB 가산혼합]]
|-
|style="background:#ff0000; color:#ffffff;"|#FF0000
|style="text-align:center;"|0
|style="text-align:center;"|(0,100,100)
|[[빨강]]
|원색
|-
|style="background:#ff7F00; color:#ffffff;"|#FF7F00
|style="text-align:center;"|30
|style="text-align:center;"|(30,100,100)
|[[주황]]
|[[빨강]]과 [[라임 (색)|라임]]의 3:1 혼합색
|-
|style="background:#FFFF00; color:#000000;"|#FFFF00
|style="text-align:center;"|60
|style="text-align:center;"|(60,100,100)
|[[노랑]]
|[[빨강]]과 [[라임 (색)|라임]]의 1:1 혼합색
|-
|style="background:#80FF00; color:#000000;"|#80FF00
|style="text-align:center;"|90
|style="text-align:center;"|(90,100,100)
|[[연두]]
|[[빨강]]과 [[라임 (색)|라임]]의 1:3 혼합색
|-
|style="background:#00ff00; color:#000000;"|#00FF00
|style="text-align:center;"|120
|style="text-align:center;"|(120,100,100)
|[[라임 (색)|라임]]
|원색
|-
|style="background:#00ff80; color:#000000;"|#00FF80
|style="text-align:center;"|150
|style="text-align:center;"|(150,100,100)
|[[스프링 그린|춘록]]
|[[라임 (색)|라임]]과 [[파랑]]의 3:1 혼합색
|-
|style="background:#00FFFF; color:#000000;"|#00FFFF
|style="text-align:center;"|180
|style="text-align:center;"|(180,100,100)
|[[시안 (색)|시안]]
|[[라임 (색)|라임]]과 [[파랑]]의 1:1 혼합색
|-
|style="background:#0080FF; color:#000000;"|#0080FF
|style="text-align:center;"|210
|style="text-align:center;"|(210,100,100)
|[[바다색]]
|[[라임 (색)|라임]]과 [[파랑]]의 1:3 혼합색
|-
|style="background:#0000FF; color:#ffffff;"|#0000FF
|style="text-align:center;"|240
|style="text-align:center;"|(240,100,100)
|[[파랑]]
|원색
|-
|style="background:#8000FF; color:#ffffff;"|#8000FF
|style="text-align:center;"|270
|style="text-align:center;"|(270,100,100)
|[[보라]]
|[[파랑]]과 [[빨강]]의 3:1 혼합색
|-
|style="background:#FF00FF; color:#ffffff;"|#FF00FF
|style="text-align:center;"|300
|style="text-align:center;"|(300,100,100)
|[[마젠타]]
|[[파랑]]과 [[빨강]]의 1:1 혼합색
|-
|style="background:#FF007F; color:#ffffff;"|#FF007F
|style="text-align:center;"|330
|style="text-align:center;"|(330,100,100)
|장미색
|[[파랑]]과 [[빨강]]의 1:3 혼합색
|-
|style="background:#ff0000; color:#ffffff;"|#FF0000
|style="text-align:center;"|360
|style="text-align:center;"|(360,100,100)
|[[빨강]]
|원색
|}
* 0도와 360도는 같다.

== 채도와 색상 ==
[[빨강]]의 채도 변화에 따른 색상의 변화는 다음의 표와 같다.
{| class="wikitable" width="50%"
![[웹 색상]]
!S 값
!HSV 좌표
|-
|style="background:#ff0000; color:#ffffff;"|#FF0000
|style="text-align:center;"|100
|style="text-align:center;"|(0,100,100)
|-
|style="background:#FF3333; color:#ffffff;"|#FF3333
|style="text-align:center;"|80
|style="text-align:center;"|(0,80,100)
|-
|style="background:#FF6666; color:#000000;"|#FF6666
|style="text-align:center;"|60
|style="text-align:center;"|(0,60,100)
|-
|style="background:#FF9999; color:#000000;"|#FF9999
|style="text-align:center;"|40
|style="text-align:center;"|(0,40,100)
|-
|style="background:#FFCCCC; color:#000000;"|#FFCCCC
|style="text-align:center;"|20
|style="text-align:center;"|(0,20,100)
|-
|style="background:#FFFFFF; color:#000000;"|#FFFFFF
|style="text-align:center;"|0
|style="text-align:center;"|(0,0,100)
|}

== 명도와 색상 ==
[[빨강]]의 명도 변화에 따른 색상의 변화는 다음의 표와 같다.
{| class="wikitable" width="50%"
![[웹 색상]]
!V 값
!HSV 좌표
|-
|style="background:#ff0000; color:#ffffff;"|#FF0000
|style="text-align:center;"|100
|style="text-align:center;"|(0,100,100)
|-
|style="background:#CC0000; color:#ffffff;"|#CC0000
|style="text-align:center;"|80
|style="text-align:center;"|(0,100,80)
|-
|style="background:#990000; color:#ffffff;"|#990000
|style="text-align:center;"|60
|style="text-align:center;"|(0,100,60)
|-
|style="background:#660000; color:#ffffff;"|#660000
|style="text-align:center;"|40
|style="text-align:center;"|(0,100,40)
|-
|style="background:#330000; color:#ffffff;"|#330000
|style="text-align:center;"|20
|style="text-align:center;"|(0,100,20)
|-
|style="background:#000000; color:#ffffff;"|#000000
|style="text-align:center;"|0
|style="text-align:center;"|(0,100,0)
|}

== 같이 보기 ==
* [[색 공간]]
* [[색상환]]

{{색 주제}}
{{전거 통제}}

[[분류:색상| ]]
[[분류:색|*]]