CIE 색도 다이어그램 읽는 법: 색공간 지도 완벽 가이드
CIE 1931 xy 색도 다이어그램의 구성요소를 시각적으로 해설합니다. 스펙트럼 궤적, 색역 삼각형, 백색점, OLED 발광체의 색좌표 매핑까지 실무에 필요한 모든 것을 다룹니다.
CIE 색도 다이어그램 읽는 법: 색공간 지도 완벽 가이드
CIE 1931 색도 다이어그램은 색채과학에서 가장 널리 사용되는 그래픽 중 하나지만, 처음 접하면 해석이 쉽지 않습니다. 말발굽 모양은 무엇을 나타내는 걸까요? 왜 특정 영역이 다른 영역보다 넓을까요? 내 OLED 발광체는 이 지도 위에서 어디에 위치할까요?
이 가이드에서는 CIE 색도 다이어그램의 모든 구성요소를 하나씩 풀어드립니다. OLED 소재를 평가하든, 디스플레이 색역을 규격화하든, 색좌표가 실제로 무엇을 의미하는지 이해하고 싶든 -- 이 글을 읽고 나면 자신 있게 다이어그램을 읽을 수 있습니다.
말발굽 모양의 정체
CIE 1931 xy 색도 다이어그램을 보면, 인간이 인지할 수 있는 모든 색상의 2차원 투영을 보고 있는 것입니다. 이 다이어그램은 빛의 물리적 스펙트럼과 인간 색상 인지 사이의 관계를 매핑하며, CIE 1931 표준 관측자 등색 실험(Color Matching Experiments)에서 도출되었습니다.
핵심 포인트: 말발굽 경계선 안쪽의 모든 점은 실제로 인지 가능한 색상을 나타냅니다. 경계선 밖의 점은 물리적으로 존재할 수 없는 색상입니다 -- 수학적으로는 가능하지만 인간의 눈으로는 볼 수 없습니다.
스펙트럼 궤적 (말발굽 곡선)
다이어그램의 외곽 경계선이 바로 **스펙트럼 궤적(Spectral Locus)**입니다. 이 곡선 위의 각 점은 단일 파장의 단색광에 해당합니다:
| 파장 영역 | 다이어그램 상 위치 | 인지 색상 | |---|---|---| | 380-420 nm | 왼쪽 하단 | 보라색 | | 420-480 nm | 왼쪽 | 파란색 | | 480-500 nm | 왼쪽 상단 곡선부 | 시안(청록) | | 500-530 nm | 상단 | 녹색 | | 530-570 nm | 오른쪽 상단 | 황록색 | | 570-590 nm | 오른쪽 | 노란색 | | 590-620 nm | 오른쪽 하단 | 주황색 | | 620-780 nm | 맨 오른쪽 | 빨간색 |
스펙트럼 궤적을 따라 표시된 파장 레이블은 해당 색상 감각을 만들어내는 단색광의 정확한 파장을 알려줍니다. 곡선이 파란색과 녹색 영역에서는 빠르게 이동하지만 빨간색 영역에서는 압축되는 것을 볼 수 있는데, 이는 인간의 색상 인지가 가시광선 스펙트럼 전체에 걸쳐 비선형적으로 반응하기 때문입니다.
퍼플 라인
380 nm(보라색)과 780 nm(빨간색) 끝점을 연결하는 하단의 직선을 퍼플 라인(Purple Line) 또는 순자색선이라고 합니다. 이 선 위의 색상은 가장 짧은 파장과 가장 긴 파장의 혼합으로 만들어지며, 단일 파장에 해당하지 않습니다. 마젠타와 퍼플 계열의 색상이 여기에 위치합니다.
모양이 비대칭인 이유
말발굽 모양은 임의적인 것이 아닙니다. 인간 망막의 세 종류 원추세포(L, M, S cone)의 감도 곡선을 직접 반영합니다. 녹색 영역이 큰 이유는 M-원추세포(중파장)와 L-원추세포(장파장)의 감도 곡선이 이 영역에서 크게 겹치기 때문입니다. 그래서 인간 시각 시스템은 녹색 파장에 특히 민감하며, 동일한 분광 파워에서 녹색 발광체가 파란색이나 빨간색 발광체보다 밝게 보이는 이유이기도 합니다.
좌표축의 의미
x와 y가 실제로 나타내는 것
색도 다이어그램의 x축과 y축은 물리적 파장이나 색조(Hue), 채도(Saturation) 같은 지각적 차원을 직접 나타내지 않습니다. 대신, CIE 삼자극값(Tristimulus Values) X, Y, Z의 정규화된 비율입니다:
x = X / (X + Y + Z)
y = Y / (X + Y + Z)
이 정규화 과정에서 휘도(밝기) 정보가 제거되고, 색도(Chromaticity)만 남습니다 -- 빛의 세기와 무관한 색상의 "성질"만 표현하는 것입니다. 같은 스펙트럼 형태를 가지지만 세기가 다른 두 광원은 동일한 x, y 좌표를 갖습니다.
잃어버린 차원: Z와 휘도
x + y + z = 1 (여기서 z = Z/(X+Y+Z))이므로, 세 좌표 중 두 개만 독립적입니다. 완전한 색상 사양을 위해서는 (x, y)와 함께 휘도값 Y가 필요합니다. OLED 발광체의 CIE 좌표를 보고할 때는, 색도 좌표와 함께 Y값(또는 휘도/발광 효율 수치)을 반드시 포함해야 합니다.
다이어그램 위의 주요 랜드마크
백색점 (D65, D50 등)
다이어그램 중앙 부근에 **백색점(White Point)**이 있습니다 -- 기준 백색 광원의 색도입니다. 표준마다 다른 백색점을 정의합니다:
| 백색점 | CIE 1931 (x, y) | 용도 | |---|---|---| | D65 | (0.3127, 0.3290) | 디스플레이, HDTV 표준 (sRGB, DCI-P3) | | D50 | (0.3457, 0.3585) | 그래픽 아트, 사진, 인쇄 | | 광원 A (Illuminant A) | (0.4476, 0.4074) | 백열등 시뮬레이션 | | 광원 E (Illuminant E) | (0.3333, 0.3333) | 등에너지 기준 |
OLED 디스플레이 작업에서는 D65가 주된 기준 백색점입니다. 백색 OLED 소자를 최적화할 때 보통 x = 0.3127, y = 0.3290을 엄격한 공차 범위(보통 delta-u'v' 0.003~0.005 이내) 안에서 타깃으로 잡습니다.
플랑크 궤적 (흑체 곡선)
다이어그램 중앙을 가로지르는 곡선은 이상적인 흑체 복사체(Blackbody Radiator)의 온도에 따른 색도를 나타냅니다. 이것이 **플랑크 궤적(Planckian Locus)**이며, 상관색온도(CCT, Correlated Color Temperature) 개념의 기초입니다. CCT는 백색 광원의 "따뜻함"이나 "차가움"을 나타내는 지표입니다.
| CCT (K) | 대략적인 (x, y) | 설명 | |---|---|---| | 2700 K | (0.460, 0.411) | 따뜻한 백색 (백열등) | | 4000 K | (0.380, 0.377) | 중성 백색 | | 5000 K | (0.346, 0.359) | 주광색 | | 6500 K | (0.313, 0.329) | 서늘한 주광 (D65) | | 9300 K | (0.283, 0.297) | 차가운 청백색 |
백색 OLED 소자에서 CCT는 핵심 사양입니다. 백색점이 플랑크 궤적에 가까울수록 "자연스러운" 백색으로 보입니다. 플랑크 궤적까지의 거리는 CIE 1976 u'v' 좌표에서 Duv로 측정합니다. Duv가 양수이면 녹색 기운, 음수이면 분홍색 기운이 있는 것입니다.
색역 삼각형: 무엇을 보여주는가
색역(Gamut)의 정의
디스플레이 색역은 세 가지 원색(Red, Green, Blue)이 색도 다이어그램 위에 만드는 삼각형으로 정의됩니다. 디스플레이가 원색의 가산 혼합(Additive Mixing)을 통해 재현할 수 있는 모든 색상이 이 삼각형 내부에 위치합니다. 삼각형의 꼭짓점은 각 RGB 원색의 색도 좌표입니다.
주요 디스플레이 색역 표준
CIE 1931 xy 좌표로 표시한 주요 디스플레이 색역 표준의 원색 좌표입니다:
| 표준 | Red (x, y) | Green (x, y) | Blue (x, y) | 백색점 | |---|---|---|---|---| | sRGB (BT.709) | (0.640, 0.330) | (0.300, 0.600) | (0.150, 0.060) | D65 | | DCI-P3 (D65) | (0.680, 0.320) | (0.265, 0.690) | (0.150, 0.060) | D65 | | BT.2020 | (0.708, 0.292) | (0.170, 0.797) | (0.131, 0.046) | D65 | | Adobe RGB | (0.640, 0.330) | (0.210, 0.710) | (0.150, 0.060) | D65 |
색역 삼각형 읽기
색도 다이어그램 위에 여러 색역 삼각형이 겹쳐져 있을 때, 삼각형이 클수록 더 많은 색상을 포함합니다. 각 색역이 의미하는 바를 살펴보겠습니다:
sRGB -- 4대 주요 색역 중 가장 작습니다. 웹과 일반 소비자용 디스플레이의 표준 색공간입니다. 현재 대부분의 콘텐츠가 여전히 sRGB로 마스터링됩니다.
DCI-P3 -- sRGB 대비 주로 빨간색과 녹색 방향으로 확장됩니다. xy 다이어그램 기준 약 25% 더 넓은 면적을 차지합니다. 현재 프리미엄 디스플레이의 표준으로, 최신 스마트폰, 태블릿, 모니터가 P3 커버리지를 지원합니다.
Adobe RGB -- sRGB 대비 녹색 방향으로 확장되며, 빨간색과 파란색 원색은 동일합니다. 전문 사진 촬영과 인쇄 워크플로우를 위해 설계되었습니다. 녹색 원색의 채도가 sRGB보다 높지만 DCI-P3이나 BT.2020보다는 낮습니다.
BT.2020 -- 표준화된 색역 중 가장 크며, 차세대 초고화질(UHD) 방송을 위해 설계되었습니다. 원색이 스펙트럼 궤적 위 또는 매우 가까이에 위치하여, 단색광 또는 근단색광 광원이 필요합니다. 이것이 디스플레이 기술의 "궁극적" 목표이며, 좁은 대역폭의 OLED 발광체가 활발히 연구되는 이유입니다.
색역 커버리지 계산
색역 커버리지는 보통 디스플레이 색역이 타깃 색역 면적의 몇 퍼센트를 포함하는지로 표현합니다. 예를 들어 "DCI-P3 커버리지 95%"는 디스플레이의 RGB 삼각형이 CIE xy 다이어그램에서 DCI-P3 삼각형 면적의 95%를 덮는다는 의미입니다.
두 가지 일반적인 지표가 있습니다:
- 색역 커버리지(Gamut Coverage): 타깃 면적 중 겹치는 비율 (100%를 초과할 수 없음)
- 색역 면적비(Gamut Area Ratio): 디스플레이 색역 면적을 타깃 색역 면적으로 나눈 값 (일부 영역에서 더 넓으면 100% 초과 가능)
이 두 숫자는 다릅니다. 디스플레이가 sRGB 면적비 120%이면서 DCI-P3 커버리지는 85%일 수 있습니다.
OLED 발광체의 다이어그램 매핑
협대역 vs 광대역 발광
OLED 발광체가 색도 다이어그램에서 어디에 위치하는지는 스펙트럼 형태에 따라 결정됩니다:
협대역 발광체 (FWHM 30 nm 미만) -- 스펙트럼 궤적에 가까운 색좌표를 생성합니다. 이론적 색채도 한계에 근접하기 때문에 광색역 디스플레이에 적합합니다. 양자점(Quantum Dot) 발광체나 일부 유기붕소 열활성화 지연형광(TADF) 발광체가 여기에 해당합니다.
광대역 발광체 (FWHM 60 nm 초과) -- 스펙트럼 궤적에서 멀어져 다이어그램 내부 쪽으로 끌려간 색좌표를 생성합니다. 발광 대역이 넓을수록 인지되는 색상의 채도가 낮아집니다. 전통적인 인광(Phosphorescent) OLED 발광체는 보통 FWHM 40-70 nm으로 이 범주에 속합니다.
FWHM과 채도의 관계
스펙트럼 대역폭과 색도 다이어그램 상의 색채도 사이에는 직접적인 관계가 있습니다:
- FWHM 20 nm: 스펙트럼 궤적에 매우 가까운 색좌표 (높은 채도)
- FWHM 40 nm: 눈에 띄게 안쪽으로 이동
- FWHM 60 nm: 다이어그램 내부 깊숙이 위치
- FWHM 80+ nm: 중심 근처 (낮은 채도, 백색에 가까움)
OLED 소재 연구자들이 FWHM을 가장 먼저 확인하는 이유가 바로 이것입니다 -- BT.2020 같은 광색역 표준의 원색에 도달할 수 있는지 직접적으로 예측할 수 있기 때문입니다.
ISCV로 직접 확인하기
Spectrum Visualizer (ISCV)를 사용하면 이 관계를 직접 관찰할 수 있습니다:
- 내장된 "Green" 프리셋을 로드하고 CIE 다이어그램에서 색좌표가 어디에 위치하는지 확인합니다
- BT.2020 색역 오버레이를 활성화합니다
- 스펙트럼 분석 패널에 표시된 FWHM 값을 확인합니다
- 파장 시프트 슬라이더로 피크 파장을 이동시키면서 색좌표가 다이어그램을 따라 어떻게 이동하는지 관찰합니다
이러한 인터랙티브 탐색은 정적인 다이어그램으로는 전달할 수 없는 패턴을 보여줍니다. 예를 들어, 피크 파장의 5 nm 시프트가 스펙트럼의 어느 영역에 있느냐에 따라 (x, y) 좌표에 미치는 영향이 얼마나 달라지는지를 체감할 수 있습니다.
지각 균일성 문제
같은 거리가 같은 차이를 의미하지 않는 이유
CIE 1931 xy 다이어그램에서 반드시 이해해야 할 점은 이 다이어그램이 지각적으로 균일하지 않다는 것입니다. 다이어그램 위의 동일한 수치적 거리가 위치에 따라 완전히 다른 지각적 색차를 나타냅니다.
이 비균일성은 1942년 데이비드 맥아담(David MacAdam)이 정밀한 시각심리물리학(Psychophysical) 실험을 통해 정량화했습니다. 그는 다이어그램 위 25개 지점에서 "최소 식별 차이(JND, Just-Noticeable Difference)" 타원을 측정했습니다. 결과는 다음과 같았습니다:
- 녹색 영역의 JND 타원은 매우 큽니다 -- xy 좌표의 변화가 커야 색 변화를 인지할 수 있습니다
- 파란색 영역의 JND 타원은 매우 작습니다 -- 아주 작은 xy 변화도 인지 가능합니다
- 가장 큰 타원과 가장 작은 타원의 비율은 약 20:1
OLED 연구에서의 실질적 영향
이 비균일성은 실제 연구에 직접적인 영향을 줍니다. 색좌표가 (0.14, 0.08)인 파란색 발광체와 (0.15, 0.09)인 파란색 발광체를 비교한다고 합시다. xy 유클리드 거리는 0.014입니다. 이번에는 (0.30, 0.60)인 녹색 발광체와 (0.31, 0.61)인 녹색 발광체를 비교합니다 -- 같은 거리인 0.014입니다. 하지만 파란색 영역에서 이 차이는 명확히 보이고, 녹색 영역에서는 인지조차 못할 수 있습니다.
바로 이런 이유로 CIE 1976 u'v' 다이어그램이 개발되었습니다 -- 20:1의 비균일성을 약 4:1로 줄여, 다이어그램 전체에서 색차를 더 일관되게 비교할 수 있습니다. 정량적 색차 분석에는 u'v' 좌표를 사용하는 것이 바람직합니다.
ISCV는 CIE 1931 xy와 CIE 1976 u'v' 다이어그램을 모두 지원하며 클릭 한 번으로 전환할 수 있어, 지각적으로 균일한 공간에서도 항상 색분석을 검증할 수 있습니다.
실무 활용법
새로운 OLED 발광체 평가
새로운 발광체를 합성하고 광발광(PL) 스펙트럼을 측정했다면, 색도 다이어그램을 이렇게 활용해 보세요:
- (x, y) 좌표를 플로팅하여 대략적인 색상 영역을 파악합니다
- 색역 오버레이를 활성화(sRGB, DCI-P3, BT.2020)하여 발광체가 지원할 수 있는 디스플레이 표준을 평가합니다
- 스펙트럼 궤적까지의 거리를 확인 -- 가까울수록 채도가 높고 광색역 잠재력이 큽니다
- FWHM을 확인 -- 좁을수록 광색역 응용에 유리합니다
- CIE 1976 u'v'로 전환하여 타깃 원색과의 의미 있는 색차를 계산합니다
- 파장 시프트 시뮬레이션을 활용하여 마이크로캐비티 튜닝이 색좌표에 미치는 영향을 예측합니다
제조 공차 설정
제조 공정에서 허용 가능한 색상 범위를 정의할 때:
- CIE 1931 xy가 아닌 CIE 1976 u'v' 좌표를 사용하세요
- xy 직사각형이 아닌 delta-u'v' 원형 공차를 지정하세요
- delta-u'v' 인지 기준을 참고하세요: 0.002 미만 (인지 불가), 0.002-0.005 (나란히 비교해야 인지), 0.005-0.010 (명확히 보임), 0.010 초과 (확연한 색상 불일치)
논문 그래프 준비
학술지 투고를 위해:
- CIE 1931 (x, y)와 CIE 1976 (u', v') 좌표를 모두 보고하세요
- 관련 표준의 색역 삼각형을 포함하세요
- 참조를 위해 스펙트럼 궤적의 파장 레이블을 표시하세요
- 백색점(보통 D65)을 명시적으로 표시하세요
- 해당되는 경우 오차 범위나 공차 윈도우를 표시하세요
Spectrum Visualizer로 직접 탐색하기
CIE 색도 다이어그램에 대한 직관을 키우는 가장 좋은 방법은 직접 상호작용하는 것입니다. Spectrum Visualizer (ISCV)를 사용하면 다음 작업을 수행할 수 있습니다:
- 실제 데이터 또는 프리셋 스펙트럼을 로드하고 다이어그램 위 위치를 확인
- CIE 1931 xy와 CIE 1976 u'v' 간 전환으로 두 표현 방식 비교
- sRGB, DCI-P3, BT.2020, Adobe RGB 색역 삼각형 오버레이
- 실시간 파장 시프트로 색좌표가 다이어그램을 따라 이동하는 모습 관찰
- 스냅샷 저장으로 여러 발광체 또는 조건을 나란히 비교
- FWHM과 피크 파장을 색도 데이터와 함께 확인
설치가 필요 없습니다. 브라우저에서 바로 실행되며, 스펙트럼 데이터는 기기에서 벗어나지 않습니다.
지금 사용해보기: https://spectrum-visualizer-seven.vercel.app
SidequestLab이 만들었습니다 -- 실제 문제를 위한 실험적 도구.