HEX·RGB 색상 변환기는 3자리·6자리 HEX 또는 빨강·초록·파랑 0~255 값을 입력해 서로 바꾸고 색상을 미리 보는 무료 도구입니다. 불투명 sRGB 색상만 지원하며 알파 투명도와 CMYK는 계산하지 않습니다.
HEX·RGB 색상 코드 변환
선택한 입력 방식의 값만 변환합니다. 다른 칸의 값은 결과에 영향을 주지 않습니다.
대표 HEX·RGB 색상 대조표
| HEX 입력 | RGB 결과 |
|---|---|
| #000000 | rgb(0, 0, 0) — 검정 |
| #FFFFFF | rgb(255, 255, 255) — 흰색 |
| #1B365D | rgb(27, 54, 93) — 입력 예시 |
| #ABC | rgb(170, 187, 204) — #AABBCC와 같음 |
색상 코드 변환 예시
#1B365D를 입력하면 RGB는 rgb(27, 54, 93)입니다. 반대로 RGB에 27, 54, 93을 입력하면 #1B365D가 나옵니다. #ABC처럼 세 자리 HEX는 #AABBCC로 펼쳐집니다. 색상 코드는 PPT 테마나 웹 디자인을 맞출 때 사용할 수 있습니다.
PPT 테마색과 웹 색상을 맞추는 방법
웹페이지에서 받은 HEX 색상을 파워포인트 테마색으로 옮길 때는 입력 방식을 HEX로 고른 뒤 코드를 입력하세요. 변환된 빨강·초록·파랑 수치를 PPT의 사용자 지정 색상 칸에 각각 옮기면 됩니다. 반대로 PPT나 디자인 도구에서 확인한 RGB 세 값을 웹 CSS 색상 코드로 바꾸려면 RGB 입력을 선택하고 0부터 255까지의 정수를 넣습니다. 결과의 HEX 코드와 미리보기를 함께 확인하세요.
세 자리 HEX는 각 자리를 두 번 반복한 여섯 자리 색으로 해석됩니다. 예를 들어 #ABC는 #AABBCC이며 rgb(170, 187, 204)입니다. 이 도구는 불투명 sRGB 값만 변환하므로 인쇄용 CMYK 수치나 투명도 값으로 곧바로 사용할 수 없습니다. 모니터 색 설정과 인쇄 방식에 따라 보이는 색도 달라집니다. 본문 글자에 적용하려면 변환 뒤 색상 대비 확인기에서 실제 배경과의 읽기 대비를 별도로 검사하세요.
자주 묻는 질문
RGB 범위는 얼마인가요?
빨강·초록·파랑 각 값이 0부터 255까지인 정수입니다.
투명도도 변환되나요?
아니요. 이 첫 버전은 불투명 RGB 세 채널과 3·6자리 HEX만 다룹니다.
화면에서 색이 다르게 보이는 이유는?
화면 설정과 색 관리 환경에 따라 보이는 색은 달라질 수 있습니다. 실제 사용할 기기와 매체에서도 확인하세요.
함께 사용할 도구
이 색을 글자·배경에 사용할 계획이라면 색상 대비 확인기에서 읽기 대비를 확인하세요.
다른 무료 도구는 직장인·학생 무료 웹 도구 모음에서 주제별로 확인하세요.