색온도
색상
Kelvin 온도(1000~12000K)를 Tanner Helland의 조각별 피팅으로 흑체 RGB 근사. WB 기준 설정·CSS `color-temperature` 스타일 액센트 선택·"따뜻한 2700K"가 실제로 어떻게 보이는지 알 때 유용. 프리셋은 촛불·텅스텐·정오 햇빛(D65)·카메라 플래시·흐린/맑은 하늘.
—
5500 K · #FFEDDE
Kelvin5500 K
결과
- HEX#FFEDDE
- RGBrgb(255, 237, 222)
- CSScolor: #FFEDDE
프리셋
Tanner Helland 근사; ~1000~40000K 범위에서 일반적으로 ±100K 정확도.
사용법
- 슬라이더 드래그 또는 프리셋으로 알려진 광원 이동.
- 위 스와치의 HEX·RGB·CSS 값 읽기.
- 정확한 Kelvin 숫자가 필요하면 입력.
자주 묻는 질문
- 같은 Kelvin인데 디스플레이가 다르게 보이는 이유?
- 여기 매핑은 감마·모니터 백포인트·색채 적응 변환 전의 이론적 Planckian(흑체) 색. 실제 디스플레이는 자체 파이프라인 — 6500K(D65)·5500K(영화·카메라) 부근이 가장 색 정확한 기준점.
- 왜 ~10000K 위에서 곡선이 깨짐?
- ~6600K 위에서 흑체는 채도 높은 청록·이후 채도 높은 파랑이 됨. 눈은 색채 적응으로 바랜 흰색으로 인식하지만 RGB 삼중은 따뜻한 쪽에서 빨강 255, 차가운 쪽에서 파랑 255에 고정됨.
- 사진가들의 "화이트 밸런스"와 같음?
- 비슷. WB는 역방향 — 카메라가 장면의 외형 온도를 측정해 반대 색조를 적용해 중성 피사체를 중성으로 렌더링. 같은 Kelvin 스케일이 입력 — 햇빛 5500K·텅스텐 3200K 등.
관련 도구
색맹 시뮬레이터
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