색상 코드 변환기

직장인 도구모음의 업무 유틸리티 카테고리에 있는 색상 코드 변환기 도구입니다. 디자인에서 자주 쓰는 HEX 색상 코드를 RGB 값으로 빠르게 변환합니다.

사용법

색상 코드 변환기는 웹·앱 디자인에서 자주 사용하는 HEX 색상 코드(#RRGGBB)와 RGB 값(R, G, B 각 0~255)을 서로 변환하는 도구입니다. 디자이너가 전달한 HEX 코드를 개발 코드에 RGB로 넣어야 하거나, 반대로 코드에 적힌 RGB 값을 디자인 툴에 HEX로 입력해야 할 때 빠르게 변환할 수 있습니다. HEX는 6자리 16진수, RGB는 빨강·초록·파랑 세 값의 조합으로 같은 색을 서로 다른 표기법으로 나타낸 것뿐이라 변환해도 색상 자체는 바뀌지 않습니다.

HEX 코드(예: #1c2431) 또는 RGB 값(예: 28, 36, 49)을 입력합니다.
변환된 반대 형식의 색상 값을 확인합니다.
복사 버튼으로 가져갑니다.

활용 팁

브랜드 컬러는 HEX 코드로 관리되는 경우가 많으니, 디자인 가이드에서 받은 코드를 그대로 이 도구에 붙여넣어 확인하세요.
잘못된 형식(#으로 시작하지 않거나 3자리·8자리 등)을 입력하면 변환되지 않을 수 있으니 6자리 HEX 형식을 확인하세요.

자주 묻는 질문

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

현재 버전은 불투명 색상(HEX 6자리 / RGB 3값)을 지원합니다. RGBA, HEXA 변환은 추후 지원될 수 있습니다.

HEX 앞의 #은 꼭 붙여야 하나요?

웹 표준 표기법에서는 #을 붙이는 것이 일반적입니다. 이 도구는 #을 포함하거나 생략한 입력 모두 처리할 수 있지만, 결과를 사용할 곳(CSS 등)에서는 # 포함 형식을 확인하세요.

색상 이름(예: red, blue)도 변환되나요?

이 도구는 HEX와 RGB 간의 숫자 변환만 지원합니다. CSS 색상 이름까지 변환하려면 별도의 색상 이름표를 참고하세요.

전체 도구 보기