파장 → 색 변환기 (nm → sRGB)
색상
슬라이더를 끌거나 무지개 바를 클릭해 380 nm(보라)에서 780 nm(빨강) 사이의 파장을 선택하면, 매칭되는 sRGB 근사를 hex / rgb() / hsl()로 보여줍니다. 그라데이션 바는 Dan Bruton의 잘 알려진 CIE 1931 색대응 함수 조각-다항식 근사로 81개 파장을 샘플링한 연속 CSS 그라데이션이며, 시감도가 떨어지는 스펙트럼 가장자리에 강도 롤오프를 적용합니다. 아래에는 1814년 Joseph von Fraunhofer가 태양 스펙트럼에서 발견·정리한 프라운호퍼 흡수선 표가 있습니다 — 수소-α(Hα, 656.3 nm), 나트륨 D 이중선, 마그네슘 b선, 분광·항성 분류의 표준 Ca II H/K선까지 포함.
—
파장555 nm
대역초록
Hex
#b3ff00
RGB
rgb(179, 255, 0)
HSL
hsl(78, 100%, 50%)
가시광 스펙트럼 (아무 곳이나 클릭해 파장 선택)
380500650780
프라운호퍼 기준선 (클릭으로 선택)
| A | 759.4 nm | O₂ (telluric) | |
| B | 686.7 nm | O₂ (telluric) | |
| C / Hα | 656.3 nm | Hydrogen | |
| D₁ (Na) | 589.6 nm | Sodium | |
| D₂ (Na) | 589 nm | Sodium | |
| E | 527 nm | Iron | |
| b₁ (Mg) | 518.4 nm | Magnesium | |
| F / Hβ | 486.1 nm | Hydrogen | |
| G / Hγ | 434 nm | Hydrogen / Ca / Fe | |
| H (Ca II) | 396.8 nm | Calcium | |
| K (Ca II) | 393.4 nm | Calcium |
RGB 매핑은 Dan Bruton의 CIE 1931 색대응 함수 조각 근사와 강도 롤오프를 사용. sRGB 색역이 가시광보다 좁아 단색광은 색역 밖이며 색역 내 가장 가까운 색으로 표시됩니다.
사용법
- 슬라이더를 끌거나, 스펙트럼 바 위 아무 곳이나 클릭해 파장을 선택하세요.
- 결과 sRGB 색이 hex, rgb(), hsl() 포맷으로 표시 — 옆 버튼으로 한 번에 복사할 수 있습니다.
- 프라운호퍼 선 표의 어떤 행이든 클릭하면 그 파장(예: 수소-α 656 nm, 나트륨 D 589 nm)으로 점프합니다.
자주 묻는 질문
- 왜 가장자리 색이 흐릿하거나 칙칙해 보이나요?
- 사람 눈은 약 420 nm 미만과 700 nm 초과에서는 거의 보지 못합니다 — 장/단파 추체 응답이 급격히 떨어지기 때문입니다. 이 변환기는 해당 구간에서 강도 롤오프를 적용해 인지적 어두움을 흉내내므로, '순수 380 nm' 색은 선명한 보라가 아니라 어두운 보라로 표시됩니다.
- RGB 매핑이 정확한가요?
- 유용한 근사일 뿐 색측 기준이 아닙니다. 조각 함수는 가시광 색조 진행을 잘 표현하지만, sRGB의 색역은 가시광보다 좁아 단색광 색(특히 480–500 nm 부근의 짙은 청록)은 물리적으로 화면에 재현 불가합니다. 표시되는 것은 색역 내에서 가장 가까운 근사입니다.
- 프라운호퍼 선이 뭔가요?
- 태양 대기 원소가 특정 파장을 흡수해 생기는 태양 스펙트럼의 어두운 틈입니다. Joseph von Fraunhofer가 1814년 프리즘으로 약 570개를 정리하고 강한 것에 A~K 라벨을 붙였습니다. 지금도 분광·항성 분류의 표준 기준 파장이며, 예를 들어 589 nm의 D선은 나트륨 가로등에서 보이는 그 노란색과 같습니다.
- 자외선·적외선은요?
- UV(380 nm 미만)와 IR(780 nm 초과)는 사람에게 보이지 않으므로 검정으로 표시됩니다. 파장 선택기는 가시 범위로 제한됩니다. 블랙라이트가 내는 보라빛은 실제로는 400–420 nm 영역 — 실제 UV는 가시 범위 미만입니다.
관련 도구
색맹 시뮬레이터
8가지 색각 이상(CVD)에 따라 이미지가 어떻게 보이는지 시뮬레이션.
색상00
CSS Box Shadow 생성기
여러 레이어로 CSS box-shadow를 디자인 — 실시간 미리보기 + CSS·Tailwind 출력.
색상00
컬러 포맷 변환기
어떤 색이든 HEX·RGB·HSL·HSV·OKLCH·CSS 변수로 한 번에 변환.
색상00
CSS 그라디언트 생성기
선형·방사형 CSS 그라디언트를 다중 색상 스톱으로 디자인하고 코드를 복사하세요.
색상00
컬러 팔레트 생성기
기준 색에서 여섯 가지 배색으로 조화로운 팔레트를 만드세요.
색상00
색상 대비 검사기
글자/배경 대비를 WCAG AA·AAA 기준으로 검사하세요.
색상00