색상
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
색상은 색상을 원형으로 배열한 색상환을 기준으로 표현되며, 다양한 색상 공간에서 사용된다. 색상환은 인접한 순색의 혼합을 통해 미묘한 색상을 만드는 데 활용되며, HSV 색 공간에서 색상 값 H는 색상환의 각도로 표현된다. 채도는 색상의 선명도를, 명도는 밝기를 나타내며, 색상 체계에서 색조 개념은 1830년대 초 처음 탐구되었다. 또한 RGB 색 공간에서 색상을 계산하는 방법과 예술에서의 활용, 우세 파장과의 관계, 색상 차이 표기법, 색상 이름 및 표기법에 대해서도 설명한다.
더 읽어볼만한 페이지
- 색상 - 모브
모브는 1856년 윌리엄 헨리 퍼킨에 의해 발견된 최초의 아닐린 염료로, 한때 유행했지만 퇴색되어 다른 염료로 대체되었으며, 1890년대에는 예술가들 사이에서 인기를 얻었다. - 색에 관한 - 보호색
보호색은 생물이 주변 환경과 유사한 색, 무늬, 형태 등으로 자신을 숨기는 위장 전략으로, 시각적 위장뿐 아니라 후각, 청각적 위장도 포함하며 포식자-피식자 간 공진화에 중요한 역할을 한다. - 색에 관한 - 금색
금색은 금의 색을 나타내는 노란색 계열의 색상으로, 금속 광택을 가지며, 빛의 파장에 따라 다양한 색조를 띠고 문화, 스포츠, 종교 등 다양한 분야에서 상징적으로 사용된다. - 색 - 보호색
보호색은 생물이 주변 환경과 유사한 색, 무늬, 형태 등으로 자신을 숨기는 위장 전략으로, 시각적 위장뿐 아니라 후각, 청각적 위장도 포함하며 포식자-피식자 간 공진화에 중요한 역할을 한다. - 색 - 테라코타
테라코타는 점토를 구워 만든 다공성 재료로, 다양한 색상과 질감을 가지며 벽돌, 기와, 조각상, 건축 장식 등 다양한 용도로 사용되고, 용도에 따라 표면 연마나 유약 처리가 필요하다.
색상 | |
---|---|
색상 속성 | |
색상 | 색의 한 가지 속성 |
기본 속성 | |
색상 | 색의 기본 성질 중 하나이며, 다른 속성으로는 명도와 채도가 있다. |
정의 | 색상은 빨강, 노랑, 녹색, 파랑과 같은 색의 구별되는 특성이다. |
색상환 | 색상은 색상환에서 특정 각도로 나타낼 수 있다. |
특징 | 색상은 특정 파장 또는 파장 조합에 의해 정의되는 빛의 속성이다. |
시각 | |
시각 처리 | 인간의 시각 시스템은 망막에 있는 특별한 세포(원추 세포)를 사용하여 색상을 감지한다. |
신경학적 처리 | 대뇌 피질의 특정 영역(예: V4)은 색상 처리에 특화되어 있다. |
색상 지각 | 색상 지각은 개인차가 있을 수 있으며 문화적 영향과 관련될 수 있다. |
색상 표현 | |
색상 이름 | 색상은 이름으로 지정할 수 있으며 (예: 빨간색, 파란색) 이러한 이름은 문화적 및 언어적 맥락에 따라 다를 수 있다. |
색상 모델 | 색상은 RGB, CMYK, HSL, HSV와 같은 다양한 색상 모델을 사용하여 수치적으로 표현할 수 있다. |
색의 이용 | |
미술 | 색상은 미술에서 중요한 요소이며, 다양한 색상 조합과 기술을 사용하여 특정 효과나 의미를 전달한다. |
생물학 | 생물학적으로 색상은 생물의 보호색, 경계색 등에 사용된다. |
디지털 | 디지털 환경에서는 색상을 웹 색상 등으로 사용한다. |
관련 항목 | |
관련 항목 | 광학, 시각 (감각), 미술 등과 관련되어 있다. |
2. 색상환
색상환은 색상을 원형으로 배열한 것으로, 보색은 서로 반대 위치에 놓인다.[14][15] 먼셀 색채계, 오스트발트 표색계, PCCS 등 다양한 표색계에서 색상환을 사용한다.[16]
색상환은 인접한 순색의 조합으로 혼색하여 미묘한 색상을 만들 때 실마리로 사용된다.[15]
헤링의 심리적 사원색(빨강, 파랑, 노랑, 초록)은 색상환에서 대략 90도 간격으로 배열되어 있다. 색의 삼원색(시안, 마젠타, 노랑)이나 빛의 삼원색(빨강, 초록, 파랑)은 대략 120도 간격으로 선택된다. 빛의 삼원색이 120도 간격이고 심리적 사원색이 90도 간격인 것은 보기에 모순처럼 보이지만, 각각에서 말하는 빨강, 초록, 파랑은 다른 개념이다.
HSV 색 공간에서 색상 값 H는 먼셀의 색 체계를 기반으로 한 색상환에 대응하여 빨강을 기준으로 한 각도로 표현된다. 0도와 360도는 같다.
H 값 | HSV 좌표 | 웹 색상 | 색 이름 | RGB 가산혼합 |
---|---|---|---|---|
#FF0000 | 0 | (0,100,100) | 빨강 | 원색 |
#FF7F00 | 30 | (30,100,100) | 주황 | 빨강과 라임의 3:1 혼합색 |
#FFFF00 | 60 | (60,100,100) | 노랑 | 빨강과 라임의 1:1 혼합색 |
#80FF00 | 90 | (90,100,100) | 연두 | 빨강과 라임의 1:3 혼합색 |
#00FF00 | 120 | (120,100,100) | 라임 | 원색 |
#00FF80 | 150 | (150,100,100) | 춘록 | 라임과 파랑의 3:1 혼합색 |
#00FFFF | 180 | (180,100,100) | 시안 | 라임과 파랑의 1:1 혼합색 |
#0080FF | 210 | (210,100,100) | 바다색 | 라임과 파랑의 1:3 혼합색 |
#0000FF | 240 | (240,100,100) | 파랑 | 원색 |
#8000FF | 270 | (270,100,100) | 보라 | 파랑과 빨강의 3:1 혼합색 |
#FF00FF | 300 | (300,100,100) | 마젠타 | 파랑과 빨강의 1:1 혼합색 |
#FF007F | 330 | (330,100,100) | 장미색 | 파랑과 빨강의 1:3 혼합색 |
#FF0000 | 360 | (360,100,100) | 빨강 | 원색 |
2. 1. HSV 색 공간과 색상
HSV 색 공간에서 색상 값 H는 먼셀의 색 체계를 기반으로 한 색상환에 대응하여 빨강을 기준으로 한 각도로 표현된다. 0°와 360°는 모두 빨강을 나타낸다.H 값 | HSV 좌표 | 웹 색상 | 색 이름 | RGB 가산혼합 |
---|---|---|---|---|
0 | (0,100,100) | #FF0000 | 빨강 | 원색 |
30 | (30,100,100) | #FF7F00 | 주황 | 빨강과 라임의 3:1 혼합색 |
60 | (60,100,100) | #FFFF00 | 노랑 | 빨강과 라임의 1:1 혼합색 |
90 | (90,100,100) | #80FF00 | 연두 | 빨강과 라임의 1:3 혼합색 |
120 | (120,100,100) | #00FF00 | 라임 | 원색 |
150 | (150,100,100) | #00FF80 | 춘록 | 라임과 파랑의 3:1 혼합색 |
180 | (180,100,100) | #00FFFF | 시안 | 라임과 파랑의 1:1 혼합색 |
210 | (210,100,100) | #0080FF | 바다색 | 라임과 파랑의 1:3 혼합색 |
240 | (240,100,100) | #0000FF | 파랑 | 원색 |
270 | (270,100,100) | #8000FF | 보라 | 파랑과 빨강의 3:1 혼합색 |
300 | (300,100,100) | #FF00FF | 마젠타 | 파랑과 빨강의 1:1 혼합색 |
330 | (330,100,100) | #FF007F | 장미색 | 파랑과 빨강의 1:3 혼합색 |
360 | (360,100,100) | #FF0000 | 빨강 | 원색 |
색상 전체를 순서대로 원형으로 배열한 것을 '''색상환'''(색상환, color circle영어[14])이라고 한다. 색상환에서는 보색을 반대 위치에 둔다. 연속적인 색상환[15] 중 어떤 한 색을 가리키기 위해 색을 원의 각도로 표현하거나, 유한한 색 집합을 정의한 후 그 중에서 선택하여 표현한다. 색상환을 표현하는 표색계에는 먼셀 색채계, 오스트발트 표색계, PCCS 등이 있다.[16]
색상환은 인접한 순색의 조합으로 혼색하여 미묘한 색상을 만들 때 실마리로 사용된다.[15]
헤링의 심리적 사원색(빨강, 파랑, 노랑, 초록)은 대략 90도 간격으로 배열되어 있다. 색의 삼원색(시안, 마젠타, 노랑)이나 빛의 삼원색(빨강, 초록, 파랑)은 대략 120도 간격으로 선택된다. 빛의 삼원색이 120도 간격이고 심리적 사원색이 90도 간격인 것은 보기에 모순되어 보이지만, 각각에서 말하는 빨강, 초록, 파랑은 다른 개념이다.
2. 2. 웹 색상
웹 색상은 색상환을 기준으로 표현할 수 있다.[14][15] 24가지 색상(15° 간격)으로 표현할 수 있는데, 예를 들어 빨강은 0°, 노랑은 60°, 파랑은 240°, 마젠타는 300°와 같이 표현된다.색상의 각도 | 컬러 코드 | 색 이름 | 명도 |
색상: 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% |
채도는 색상의 선명도를 나타내며, 채도가 높을수록 순색에 가깝고 낮을수록 탁해진다. 명도는 색상의 밝기를 나타내며, 명도가 높을수록 밝고 낮을수록 어둡다. 빨강을 기준으로 채도와 명도 변화에 따른 색상의 변화는 아래 표와 같이 나타낼 수 있다.
색상 체계에서 색조(hue) 개념은 1830년대 초 필립 오토 룬게(Philipp Otto Runge)의 색상 구체(color sphere)에서 처음으로 탐구되었다. 1930년대의 먼셀 색체계(Munsell color system)는 큰 발전이었는데, 지각적 균일성(perceptual uniformity)을 고려하면 색 공간이 더 이상 구체일 수 없다는 것을 깨달았기 때문이다.
3. 색상, 채도, 명도
빨강의 채도 변화에 따른 색상의 변화는 다음의 표와 같다.웹 색상 S 값 HSV 좌표 #FF0000 100 (0,100,100) #FF3333 80 (0,80,100) #FF6666 60 (0,60,100) #FF9999 40 (0,40,100) #FFCCCC 20 (0,20,100) #FFFFFF 0 (0,0,100)
빨강의 명도 변화에 따른 색상의 변화는 다음의 표와 같다.웹 색상 V 값 HSV 좌표 #FF0000 100 (0,100,100) #CC0000 80 (0,100,80) #990000 60 (0,100,60) #660000 40 (0,100,40) #330000 20 (0,100,20) #000000 0 (0,100,0)
4. 색상 유도
관례적으로, 색조가 있는 대부분의 색 공간에서 빨강(red)의 색조는 0°로 설정된다.5R 5YR 5Y 5GY 5G 5BG 5BG 5B 5PB 5P 5RP 5R
==== 대립 색 공간 ====
CIELAB 및 CIELUV 색 공간과 같이 대립 과정(opponent process)을 사용하는 색 공간에서는 두 축이 명도에 대해 지각적으로 직교하는 경우, 이 좌표를 직교 좌표계에서 극좌표계로 변환하여 채도와 함께 색상을 계산할 수 있다. 색상은 극좌표 표현의 각도 성분이고, 채도는 반지름 성분이다.[7][1]
특히, CIELAB에서는
:
CIELUV에서는
:
와 같이 표현된다. 여기서 atan2는 두 인수를 갖는 역탄젠트 함수이다.[7][1]
CIELAB에서:
:
CIELUV에서:
:
RGB에서:
:
역삼각함수를 사용할 수 없을 때는 다음 식으로 대략적인 값을 구할 수도 있다.대소 관계 색상 범위 식1 식2 각도 적색–황색 0°–60° 황색–녹색 60°–120° 녹색–청록색 120°–180° 청록색–청색 180°–240° 청색–자홍색 240°–300° 자홍색–적색 300°–360° 무채색 미정의 미정의 미정의 최댓값 식 최솟값 식 미정의 미정의 N 식 미정의 미정의 미정의
==== RGB 색 공간에서의 색상 정의 ====
RGB에서 색상을 계산하기 위해, Preucil[8]은 Evans, Hanson, Brewer[9]가 설명한 삼선형 도표와 유사한 색상 육각형을 사용했다. 빨강을 0°, 녹색을 120°, 파랑을 240°에 배치하여 색상 각도를 계산할 수 있다.[1]
:
또는 다음과 같이 계산한다.
:
R, G, B의 6가지 가능한 순서 중 어떤 순서가 우세한지 결정한 다음 아래 표에 나와 있는 공식을 적용하여 색상 각도를 계산할 수 있다.순서 색상 영역 주황색 연두색 밝은 녹색 하늘색 보라색 장미색
위 공식에는 분수가 포함되는데, 여기서 ''H''는 R, G, B 중 가장 높은 값이고, ''L''은 가장 낮은 값이며, ''M''은 다른 두 값 사이의 중간 값이다. 이는 "Preucil 색상 오차"라고 하며, 사진 기계적 색상 재현에서 마스크 강도 계산에 사용되었다.[10]
Preucil 원에 대해 계산된 색상 각도는 30°의 정수배(빨강, 노랑, 녹색, 시안, 파랑, 마젠타 및 인접 쌍 사이의 중간 색상)에서 Preucil 육각형에 대해 계산된 색상 각도와 일치하며, 15°의 홀수 정수배(원 공식 기준)에서 약 1.2° 차이가 난다.
HSL 색 공간 또는 HSV 색 공간으로 변환하는 과정은 일반적으로 HSV 원뿔을 육각 원뿔로, HSL 이중 원뿔을 이중 육각 원뿔로 취급하는 6조각 조각 매핑을 기반으로 한다.[11] 사용되는 공식은 위 표에 있는 공식과 동일하다.
4. 1. 대립 색 공간
대립 과정(opponent process)을 사용하는 색 공간, 예를 들어 CIELAB 및 CIELUV 색 공간과 같이 두 축이 명도에 대해 지각적으로 직교하는 경우, 이 좌표를 직교 좌표계에서 극좌표계로 변환하여 채도와 함께 색상을 계산할 수 있다. 색상은 극좌표 표현의 각도 성분이고, 채도는 반지름 성분이다.[7][1]
특히, CIELAB에서는
:
CIELUV에서는
:
와 같이 표현된다. 여기서 atan2는 두 인수를 갖는 역탄젠트 함수이다.[7][1]
CIELAB에서:
:
CIELUV에서:
:
RGB에서:
:
역삼각함수를 사용할 수 없을 때는 다음 식으로 대략적인 값을 구할 수도 있다.
대소 관계 | 색상 범위 | 식1 | 식2 | 각도 |
---|---|---|---|---|
적색–황색 | 0°–60° | |||
황색–녹색 | 60°–120° | |||
녹색–청록색 | 120°–180° | |||
청록색–청색 | 180°–240° | |||
청색–자홍색 | 240°–300° | |||
자홍색–적색 | 300°–360° | |||
무채색 | 미정의 | 미정의 | 미정의 |
최댓값 | 식 | 최솟값 | 식 |
---|---|---|---|
미정의 | 미정의 |
N | 식 |
---|---|
미정의 | 미정의 |
미정의 |
4. 2. RGB 색 공간에서의 색상 정의
RGB에서 색상을 계산하기 위해, Preucil[8]은 Evans, Hanson, Brewer[9]가 설명한 삼선형 도표와 유사한 색상 육각형을 사용했다. 빨강을 0°, 녹색을 120°, 파랑을 240°에 배치하여 색상 각도를 계산할 수 있다.[1]:
또는 다음과 같이 계산한다.
:
R, G, B의 6가지 가능한 순서 중 어떤 순서가 우세한지 결정한 다음 아래 표에 나와 있는 공식을 적용하여 색상 각도를 계산할 수 있다.
순서 | 색상 영역 | |
---|---|---|
주황색 | ||
연두색 | ||
밝은 녹색 | ||
하늘색 | ||
보라색 | ||
장미색 |
위 공식에는 분수가 포함되는데, 여기서 ''H''는 R, G, B 중 가장 높은 값이고, ''L''은 가장 낮은 값이며, ''M''은 다른 두 값 사이의 중간 값이다. 이는 "Preucil 색상 오차"라고 하며, 사진 기계적 색상 재현에서 마스크 강도 계산에 사용되었다.[10]
Preucil 원에 대해 계산된 색상 각도는 30°의 정수배(빨강, 노랑, 녹색, 시안, 파랑, 마젠타 및 인접 쌍 사이의 중간 색상)에서 Preucil 육각형에 대해 계산된 색상 각도와 일치하며, 15°의 홀수 정수배(원 공식 기준)에서 약 1.2° 차이가 난다.
HSL 색 공간 또는 HSV 색 공간으로 변환하는 과정은 일반적으로 HSV 원뿔을 육각 원뿔로, HSL 이중 원뿔을 이중 육각 원뿔로 취급하는 6조각 조각 매핑을 기반으로 한다.[11] 사용되는 공식은 위 표에 있는 공식과 동일하다.
5. 예술에서의 활용
미술에서 안료 제조업체들은 카드뮴, 크롬, 알리자린과 같이 원래 유독성 성분을 더 안전한 대체물로 바꿨지만, 원래 색조는 유지하고 있음을 나타내기 위해 "색상(hue)"이라는 단어를 사용한다. 예를 들어 "카드뮴 옐로우(색상)"와 같은 표기가 이에 해당한다.
6. 색상과 우세 파장
우세 파장은 색상의 물리적 유사체이다.[13] 색도도에서 백색점에서 문제의 색 좌표를 잇는 선과 분광 궤적의 교차점으로 결정된다.[13] 선이 분광 궤적과 교차하는 파장이 백색점과 분광 궤적의 같은 쪽에 있으면 우세 파장, 반대쪽에 있으면 보색 파장으로 식별된다.[13]
7. 색상 차이 표기법
색상 차이를 나타내는 방법에는 두 가지가 있다. 하나는 두 색상 각의 차이((CIELAB) 또는 (CIELUV))를 사용하는 것이고, 다른 하나는 명도와 채도 차이를 고려한 후 남은 총 색차((CIELAB) 또는 (CIELUV))를 사용하는 것이다.
8. 색상 이름 및 표기법
색상 값과 색채 용어(이름) 사이에는 다소 정확한 대응 관계가 존재한다. 색채 과학에서 한 가지 접근 방식은 기존의 색채 용어를 사용하지만 더 정확한 정의를 부여하려는 것이다. ≈ 0°(빨강)부터 ≈ 275°(보라)까지의 색상을 가진 고채도 색상의 이름은 분광색#분광색 용어를 참조하고, 색상환의 나머지 부분의 색채 용어는 보라색 선#고채도 보라색 색상표를 참조한다.
또 다른 접근 방식은 체계적인 표기법을 사용하는 것이다. HSL/HSV와 같은 특정 색상 모델에 대한 표준 각도 표기법, CIELUV, 또는 CIECAM02가 될 수 있다. 먼셀 색채계, NCS, 및 팬톤 매칭 시스템과 같은 영숫자 표기법도 사용된다.
참조
[1]
간행물
Color Appearance Models: CIECAM02 and Beyond
IS&T/SID 12th Color Imaging Conference
[2]
웹사이트
Hue, Value, Saturation {{!}} learn.
https://web.archive.[...]
2017-10-27
[3]
논문
Brown
[4]
웹사이트
The Color Wheel and Color Theory
http://creativecurio[...]
Creative Curio
2008-05-16
[5]
논문
Specialized color modules in macaque extrastriate cortex
https://web.archive.[...]
2020-09-10
[6]
논문
Color-tuned neurons are spatially clustered according to color preference within alert macaque posterior inferior temporal cortex
[7]
서적
Colorimetry
Bureau Central of the CIE
[8]
간행물
Color Hue and Ink Transfer … Their Relation to Perfect Reproduction
https://www.printing[...]
[9]
서적
Principles of Color Photography
Wiley
[10]
서적
Color Separation Techniques
Graphic Arts Publishing
[11]
서적
Computer Graphics and Geometric Modelling v. 1: Implementation and Algorithms
https://books.google[...]
Springer
[12]
간행물
Color Use Guidelines for Data Representation
https://web.archive.[...]
American Statistical Association
2024-01-03
[13]
서적
Color in Business, Science, and Industry
Wiley
[14]
서적
学術用語集 : 心理学編
http://sciterm.nii.a[...]
日本学術振興会
[15]
서적
色彩楽のすすめ
岩波書店
[16]
웹사이트
色相環
http://zokeifile.mus[...]
본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.
문의하기 : help@durumis.com