OLED 연구를 위한 무료 CIE 1931 색도 다이어그램 도구
웹 기반 스펙트럼-색상 시각화 도구로 CIE 1931 xy 및 1976 u'v' 색도 다이어그램을 지원합니다. OLED 연구자와 디스플레이 엔지니어를 위한 무료 스펙트럼 분석 및 색좌표 계산 도구입니다.
OLED 연구를 위한 무료 CIE 1931 색도 다이어그램 도구
OLED 연구나 디스플레이 엔지니어링에서 발광 스펙트럼을 다루고 있다면, 스펙트럼 데이터를 CIE 색좌표로 변환하는 것이 얼마나 까다로운지 잘 아실 겁니다. 상용 소프트웨어는 비싸고, 일반적인 온라인 계산기는 정밀도나 기능이 부족한 경우가 많습니다. 브라우저에서 바로, 완전 무료로, 실시간으로 스펙트럼 데이터를 CIE 색도 다이어그램에 시각화할 수 있다면 어떨까요?
Spectrum Visualizer (ISCV) 를 소개합니다 -- 정확하고 빠른 스펙트럼-색상 시각화가 필요한 연구자와 엔지니어를 위해 만들어진 웹 기반 도구입니다.
Spectrum Visualizer란?
Spectrum Visualizer는 발광 스펙트럼 데이터를 CIE 색좌표로 변환하고 색도 다이어그램 위에 시각화하는 대화형 브라우저 기반 도구입니다. OLED 연구자, 디스플레이 엔지니어, 색채과학 전공 학생을 위해 설계되었으며, 다음과 같은 작업을 수행할 수 있습니다:
- 스펙트럼 데이터를 색좌표로 빠르게 변환
- 실험 결과를 표준 색역(Color Gamut)과 비교
- 스펙트럼 특성 분석 (피크 파장, FWHM, FWQM)
- 시각적 결과를 동료와 공유
지금 사용해보기: https://spectrum-visualizer-seven.vercel.app
오픈소스: GitHub 저장소
핵심 기능
1. 이중 CIE 다이어그램 지원
두 가지 산업 표준 색공간에서 스펙트럼 데이터를 시각화할 수 있습니다:
- CIE 1931 xy: 디스플레이 표준(sRGB, DCI-P3, BT.2020)에 사용되는 기본 색도 다이어그램
- CIE 1976 u'v': 더 정확한 색차 계산을 위한 지각적 균일 색공간
클릭 한 번으로 다이어그램을 전환할 수 있으며, 모든 좌표가 실시간으로 업데이트됩니다.
2. 유연한 스펙트럼 입력
데이터를 불러오는 세 가지 방법을 제공합니다:
내장 프리셋: 일반적인 OLED 발광 프로파일(청색, 녹색, 적색, 백색 인광 발광체)로 바로 시작할 수 있습니다.
CSV 업로드: 스펙트럼 데이터 파일을 드래그 앤 드롭하세요. 쉼표, 탭, 공백 구분 형식을 모두 지원합니다.
클립보드 붙여넣기: Excel, MATLAB 또는 기타 분석 도구에서 파장-강도 데이터 쌍을 복사하여 바로 붙여넣을 수 있습니다.
3. 스펙트럼-궤적 시각화(Spectrum-on-Locus)
고유한 "리지(ridge)" 기능으로 스펙트럼을 스펙트럼 궤적(spectral locus) 위에 직접 오버레이하여, 발광 프로파일이 말발굽 곡선에 어떻게 매핑되는지 보여줍니다. 이를 통해:
- 주파장(dominant wavelength)을 한눈에 파악
- 스펙트럼 순도를 시각적으로 평가
- 발광 프로파일을 나란히 비교
4. 대화형 파장 이동(Wavelength Shifting)
재료 튜닝이나 측정 드리프트를 실시간으로 시뮬레이션할 수 있습니다:
- 다이어그램 위의 색점을 드래그
- 슬라이더 사용 (-100nm ~ +100nm 범위)
- 정확한 이동값 직접 입력 (0.1nm 정밀도)
- 키보드 단축키: +-1nm 또는 +-5nm 단위 조절
이동하는 동안 좌표와 색상 값이 즉시 업데이트됩니다.
5. 색역(Color Gamut) 비교
다이어그램 위에 표준 디스플레이 색역을 직접 표시할 수 있습니다:
- sRGB: 표준 RGB 색공간 (웹, 일반 소비자용 디스플레이)
- DCI-P3: 디지털 시네마 및 고급 모니터
- BT.2020: 초고화질(4K/8K) 방송 표준
- Adobe RGB: 사진 및 전문 인쇄 분야
여러분의 발광체가 상용 디스플레이 색역 안에 들어오는지 즉시 확인할 수 있습니다.
6. 스냅샷 비교
최대 5개의 색점을 스냅샷으로 저장하여 비교할 수 있습니다:
- 고정 파장에서 서로 다른 재료 비교
- 같은 재료의 다른 파장 이동 비교
- 실험 결과와 목표 좌표 비교
스냅샷은 세션 간에 유지되므로, 나중에 돌아와서 분석을 이어갈 수 있습니다.
7. 스펙트럼 분석 메트릭
주요 스펙트럼 특성을 자동으로 계산합니다:
- 피크 파장(Peak Wavelength): 최대 발광 파장 (파장 이동 적용 반영)
- FWHM (반치전폭): 강도 50% 지점에서의 스펙트럼 대역폭
- FWQM (사분치전폭): 강도 25% 지점에서의 스펙트럼 대역폭
스펙트럼을 조정하면 모든 메트릭이 실시간으로 업데이트됩니다.
기술적 정확성
Spectrum Visualizer는 과학적으로 엄밀한 색채과학을 기반으로 구축되었습니다:
CIE 표준 관측자 데이터
CIE 15:2004 표준의 CIE 1931 2도 표준 관측자 등색 함수(x-bar(lambda), y-bar(lambda), z-bar(lambda))를 사용합니다. 이를 통해 학술 논문 및 산업 표준과의 호환성을 보장합니다.
스펙트럼 적분
사다리꼴 적분을 통해 스펙트럼 S(lambda)를 XYZ 삼자극치로 변환합니다:
X = k * integral S(lambda) * x-bar(lambda) d(lambda)
Y = k * integral S(lambda) * y-bar(lambda) d(lambda)
Z = k * integral S(lambda) * z-bar(lambda) d(lambda)
일관된 휘도 스케일링을 위해 Y = 100으로 정규화합니다.
3차 스플라인 보간
스펙트럼 궤적 및 리지 곡선에 C2 연속성을 가진 3차 스플라인 보간(Cubic Spline Interpolation) 을 사용합니다. 이를 통해 아티팩트 없이 수학적으로 매끄러운 곡선을 생성합니다 -- 특히 단순 선형 보간이 실패하는 520nm 부근에서 매우 중요합니다.
색역 표준
색역 삼각형은 공식 ITU-R 사양을 사용합니다:
- sRGB: ITU-R BT.709 원색
- DCI-P3: Digital Cinema Initiative P3-D65
- BT.2020: ITU-R BT.2020 (Rec. 2020)
- Adobe RGB: Adobe RGB (1998)
활용 사례
1. OLED 소재 특성 분석
새로운 인광 녹색 발광체를 합성했다고 가정해봅시다. 광발광(PL) 스펙트럼을 Spectrum Visualizer에 불러오면 즉시 확인할 수 있습니다:
- 해당 소재의 CIE 1931 xy 좌표
- DCI-P3 녹색 원색 범위 충족 여부
- 스펙트럼 순도 평가를 위한 FWHM 값
결과: 소자 제작 없이도 소재 적합성에 대한 빠른 판단이 가능합니다.
2. 디스플레이 품질 관리
제조 엔지니어가 디스플레이 색상 정확도를 검증해야 할 때, 디스플레이 픽셀에서 측정한 스펙트럼을 업로드하여:
- RGB 원색이 목표 색역 내에 있는지 확인 (+-0.005 허용 오차)
- 기준 샘플과 비교 (스냅샷 기능 활용)
- 시각적 QC 보고서 생성 (스크린샷 기능)
결과: 합격/불합격 기준의 시각적 확인으로 더 빠른 품질 관리 사이클을 달성할 수 있습니다.
3. 색채과학 교육
CIE 색도학을 가르치는 교수님들이 실시간 시연에 활용할 수 있습니다:
- 피크 파장 변화에 따른 좌표 이동을 다이어그램 위에서 시연
- CIE 1931과 1976 색공간의 차이점을 직관적으로 설명
- 다양한 디스플레이 기술의 색역 범위 비교
결과: 추상적인 색채 이론을 대화형 시각화를 통해 직관적으로 이해할 수 있습니다.
4. 연구 논문용 그림 작성
학술지 투고용 그림을 준비하고 계신가요? Spectrum Visualizer를 사용하면:
- 실험 데이터 포인트가 표시된 깔끔한 CIE 다이어그램 생성
- 다중 샘플 비교를 위한 스냅샷 내보내기
- 재현 가능한 그림을 위한 다이어그램 상태 저장
결과: 비싼 상용 소프트웨어 없이도 출판 품질의 시각 자료를 제작할 수 있습니다.
왜 무료 오픈소스인가?
우리는 직접 겪어봤기 때문에 Spectrum Visualizer를 만들었습니다 -- 몇 개의 색점을 찍기 위해 비싼 MATLAB 라이선스를 관리하거나 Python 스크립트를 급하게 만들어야 했던 경험 말입니다. 핵심적인 색채과학 도구가 유료 장벽 뒤에 갇혀 있어서는 안 됩니다.
오픈소스: MIT 라이선스 하에 GitHub에서 전체 소스 코드를 공개합니다. 배치 처리, API 연동, 독자적인 색역 등 맞춤 기능이 필요하시다면, 자유롭게 포크하여 확장하세요.
설치 불필요: 완전히 브라우저에서만 실행됩니다. 설치도, 계정도, 서버로의 데이터 업로드도 없습니다. 여러분의 스펙트럼 데이터는 절대로 여러분의 기기를 떠나지 않습니다.
크로스 플랫폼: Windows, macOS, Linux에서 동작합니다 -- 파장 조절을 위한 키보드 지원이 있는 태블릿에서도 사용 가능합니다.
기술 스택
구현에 관심 있는 분들을 위해:
- React 19 + TypeScript: 타입 안전한 컴포넌트 아키텍처
- D3.js: 줌/팬 지원이 포함된 과학 데이터 시각화
- Vite: 빠른 개발 및 빌드 도구
- Tailwind CSS: 반응형, 모바일 친화적 UI
핵심 계산 라이브러리(spectrum-to-xyz.ts, chromaticity.ts)는 모듈화되어 있어 다른 프로젝트에서 추출하여 사용할 수 있습니다.
시작하기
1. 도구 방문: https://spectrum-visualizer-seven.vercel.app
2. 프리셋 불러오기: "Green" 프리셋으로 시작하면 일반적인 OLED 발광 프로파일을 확인할 수 있습니다.
3. 탐색하기: CIE 1976 u'v' 모드로 전환하고, 파장을 이동시키면서 좌표 변화를 관찰해보세요.
4. 데이터 업로드: 파장-강도 쌍의 스펙트럼 데이터(CSV 형식)를 준비하여 드래그 앤 드롭하세요.
5. 색역 비교: sRGB 및 DCI-P3 오버레이를 활성화하여 상용 디스플레이 색역 범위를 평가해보세요.
데이터 형식
Spectrum Visualizer는 간단한 2열 데이터를 사용합니다:
wavelength_nm,intensity
380,0.001
385,0.002
390,0.005
...
520,0.989
525,1.000
530,0.995
...
780,0.001
- 파장 범위: 일반적으로 380~780nm (가시광선 영역)
- 구분자: 쉼표, 탭, 또는 공백
- 헤더: 선택 사항 (자동 감지)
- 해상도: 모든 간격 지원 (1nm, 5nm, 또는 불규칙) -- 보간이 모든 경우를 처리합니다
커뮤니티와 피드백
이 도구는 실제 연구 현장의 필요에 부응하여 만들어졌습니다. 기능 요청이나 버그 발견 시:
- GitHub Issues: 이슈 보고 또는 기능 제안
- Pull Request: 기여를 환영합니다 (새로운 색역 추가, 알고리즘 개선 등)
- 이메일: SidequestLab 웹사이트를 통해 연락주세요
특히 다음과 같은 분들의 의견을 기다립니다:
- 배치 처리가 필요한 디스플레이 제조업체
- 특정 시연 모드를 원하는 교육자
- 추가 색공간(Lab, Luv 등)이 필요한 연구자
로드맵
향후 추가를 검토 중인 기능들:
- 배치 모드: 다수의 스펙트럼을 처리하고 JSON/CSV로 결과 내보내기
- 색온도: 백색 발광체의 CCT 및 Duv 계산
- 색역 볼륨: XYZ 또는 Lab 공간에서의 3D 시각화
- API 접근: 자동화 워크플로우를 위한 프로그래밍 방식의 접근
GitHub Issues를 통해 기능에 투표하거나 새로운 제안을 해주세요.
결론
Spectrum Visualizer는 웹 브라우저만 있으면 누구나 전문가 수준의 CIE 색도 분석을 수행할 수 있게 해줍니다. 새로운 OLED 소재를 특성 분석하든, 색채과학을 가르치든, 디스플레이 품질을 검증하든, 이 무료 도구는 스펙트럼 데이터와 실질적인 색상 인사이트 사이의 장벽을 제거합니다.
지금 사용해보기: https://spectrum-visualizer-seven.vercel.app
소스 코드: https://github.com/namseokyoo/spectrum-visualizer
SidequestLab -- 실제 문제를 위한 실험적 도구를 만듭니다.