색상 코드 변환기

색상 표기 변환 기준

같은 색을 다른 형식으로 적어야 할 때

하나의 색상을 HEX, RGB, RGBA, HSL, HSLA, CMYK 값으로 함께 확인하고 변환하는 디자인·개발 보조 도구입니다.

Omneura 운영자최종 기능 검토일: 2026년 6월 22일

동일한 빨간색을 웹에서 사용하는 여러 색상 모델로 표현한 예입니다.

색 값을 다루는 방법은 여럿입니다. 값을 정하는 단계인지 적용하는 단계인지로 나뉩니다.

견주는 대상	닮은 점	이 도구를 고를 때	상대를 고를 때
텍스트 추가	둘 다 색을 지정하는 화면이 있습니다.	표기법 사이 값을 옮기고 정확한 코드를 얻으려 할 때	정한 색을 실제 이미지 위 글자에 얹으려 할 때
디자인 도구의 색상 피커	같은 색 공간을 다루고 값도 같습니다.	디자인 파일 없이 코드 값만 빠르게 옮길 때	주변 색과 함께 보며 조합을 고를 때
CMYK 값을 인쇄소에 그대로 전달하기	같은 네 채널 표기를 씁니다.	화면 색을 대략적인 CMYK로 가늠할 때	실제 인쇄 결과를 색이 맞아야 할 때

증상	원인	조치
HEX와 RGB를 오갔더니 마지막 자리가 달라집니다.	HSL을 거치면서 소수점이 정수로 반올림됩니다.	원본 표기를 기준으로 삼고, 왕복 변환한 값을 원본으로 되돌려 쓰지 않습니다.
같은 HEX인데 다른 화면에서 색이 달라 보입니다.	모니터의 색 표현 범위와 보정 상태가 다릅니다.	값 자체는 같습니다. 색이 중요한 작업이라면 보정된 화면에서 확인합니다.
CMYK로 바꾼 값이 인쇄물과 다릅니다.	화면 색을 잉크로 옮기는 데는 용지와 장비 조건이 개입합니다.	이 값은 어림값으로만 쓰고, 최종 색은 인쇄소의 프로파일로 확인합니다.
입력한 값이 색으로 잡히지 않습니다.	HEX 입력란은 # 뒤의 16진수만 받고, 3·4·6·8자리일 때만 색으로 반영합니다.	0~9와 A~F 밖의 글자가 섞였는지, 자릿수가 맞는지 확인합니다. red 같은 색 이름은 입력란에서 인식하지 않으므로 HEX 값으로 넣습니다.

모든 계산은 브라우저에서 수행되며 입력한 색상값은 서버로 전송되지 않습니다.

검정, 흰색, 기본 원색과 투명도 경계값을 각 형식 사이에서 변환해 결과 범위를 확인합니다.

CMYK 값이 인쇄물과 정확히 같나요?

아닙니다. 일반 수식 기반 참고값이며 실제 인쇄에는 색상 프로파일과 교정이 필요합니다.

알파 값은 어떤 범위인가요?

0은 완전 투명, 1은 완전 불투명입니다.

HEX 8자리도 지원하나요?

지원합니다. HEX 입력란에 여덟 자리(#RRGGBBAA)를 넣으면 마지막 두 자리가 투명도로 반영되고, RGBA·HSLA의 알파 값도 함께 바뀝니다.

투명도(알파)도 변환되나요?

변환됩니다. 컬러 피커 아래의 투명도 막대나 RGBA·HSLA의 알파 칸(0~1)을 바꾸면 HEX도 여덟 자리로 함께 바뀝니다. 다만 CMYK에는 투명도 개념이 없어 알파 값이 표시되지 않습니다.

HSL은 언제 쓰는 것이 편한가요?

같은 색의 밝기나 채도만 단계별로 바꿔야 할 때 편합니다. HEX에서는 세 값을 함께 계산해야 하지만 HSL에서는 밝기 한 값만 움직이면 됩니다. 색상표를 만들거나 강조색의 밝은 변형을 만들 때 자주 쓰입니다.