색상을 어떤 형식으로든 입력하면 RGB, Hex, HSL, HWB, CMYK, NCol 모든 변환 결과를 즉시 확인할 수 있습니다.
유효한 색상을 입력하면 미리보기와 모든 변환 결과를 확인할 수 있습니다.
색상 변환기는 웹 디자인, 인쇄, 디지털 아트에서 사용되는 다양한 색상 코딩 시스템 간에 색상을 변환합니다. 한국 디자이너들은 오방색(五方色)의 청(靑)·적(赤)·황(黃)·백(白)·흑(黑), 한복의 연분홍과 옥색, 태극기의 남색 등 풍부한 전통 색채 체계를 활용합니다.
이 도구는 RGB, Hex, HSL, HWB, CMYK, Natural Color(NCol) 여섯 가지 형식을 지원하며, 일치도가 충분히 높을 경우 가장 가까운 CSS 색상 이름도 감지합니다.
화면용 가산 혼합 모델. 각 채널 0–255. 모두 최대값이면 흰색.
CSS에서 광범위하게 사용되는 RGB 16진수 표기법. 예: #cd2e3a (태극기의 적색).
색조 각도(0–360°), 채도, 명도로 색상을 표현. 인간의 색 지각에 가까움.
HSL의 대안. 색조·흰색도·검정도 사용. 밝게 또는 어둡게 조정하기 쉬움.
인쇄용 감산 혼합 모델: 시안, 마젠타, 노랑, 검정.
W3C Natural Color: 문자+퍼센트 오프셋으로 색조 표현, 흰색도·검정도 포함.
대한민국 태극기의 적색 (RGB 205, 46, 58). HSL 약 356°, 62%, 49%. 오방색의 적(赤)은 열정과 창조를 상징합니다.
태극기의 청색 (RGB 0, 52, 120). HSL 약 217°, 100%, 24%. 오방색의 청(靑)은 하늘·봄·동쪽을 상징합니다.
전통 한복의 황토 황금색 (RGB 232, 200, 140). HSL 약 40°, 66%, 73%). 오방색의 황(黃)은 우주의 중심과 풍요를 상징합니다.
고려청자 특유의 옥빛 비색(翡色) (RGB 109, 180, 180). HSL 약 180°, 36%, 57%). 고려청자의 비색은 세계적으로 그 독창성을 인정받고 있습니다.
색상 코드 유형에 맞는 입력 형식을 선택하세요.
색상 값을 입력하면 결과가 즉시 업데이트됩니다 — 버튼을 클릭할 필요가 없습니다.
변환기는 모든 입력을 범용 기준점인 내부 RGB 표현으로 정규화합니다.
이 RGB 값을 기반으로 표준 수학 공식을 사용해 모든 다른 형식의 값을 계산합니다.
이름 검색은 148개의 CSS 색상과 비교하여 ~30 단위 이내의 가장 가까운 색상을 반환합니다.
CSS 스타일시트에는 Hex 또는 RGB를 사용하고, 명도나 채도를 프로그래밍 방식으로 조정할 때는 HSL을 선호하세요.
CMYK 값은 근사치입니다 — 상업 인쇄 전에 반드시 인쇄소와 확인하세요.
HWB는 색상 패밀리 생성에 이상적입니다: 색조를 일정하게 유지하고 흰색도를 변경하세요.
Hex 코드를 입력할 때 '#' 접두사는 선택 사항입니다.
한국 공공기관(KBS, 한국철도공사, 우체국)의 공식 색상은 항상 공식 브랜드 가이드라인을 확인하세요.
두 모델 모두 색조 각도를 사용하지만 두 번째·세 번째 매개변수가 다릅니다. HSL은 채도와 명도를 사용하고, HWB는 흰색도와 검정도를 직접 사용합니다. HWB는 색상을 밝게(흰색 추가) 또는 어둡게(검정 추가) 만들 때 더 직관적입니다.
화면은 가산 혼합 빛(RGB)을 사용하고, 프린터는 감산 혼합 잉크(CMYK)를 사용합니다. 색 영역(gamut)이 완전히 겹치지 않습니다. 변환기는 수학적 근사값을 제공할 뿐, 정확한 인쇄 결과와 다를 수 있습니다.
W3C의 제안으로, 색조를 문자(R, Y, G, C, B, M)와 퍼센트 오프셋으로 인코딩하고 흰색도·검정도를 포함합니다. 예: R0 0% 0%는 순수한 빨강입니다.
네. 'CSS 이름으로 검색' 필드에 이름을 입력하면 변환기가 자동으로 값을 로드합니다.
Hex와 RGB는 정수 반올림으로 무손실 변환됩니다. HSL, HWB, NCol은 소수점 첫째 자리까지 반올림됩니다. CMYK는 수학적 근사값입니다.
도구에는 148개의 표준 CSS 이름만 포함되어 있습니다. 입력한 색상이 명명된 색상에서 ~30 RGB 단위 이상 떨어져 있으면 이름이 반환되지 않습니다.
색상 표시는 화면 보정 및 색상 프로파일 차이로 인해 기기마다 다를 수 있습니다. CMYK 값은 수학적 근사값입니다.