RGB to HEX 변환기란?
이 도구는 RGB 모델로 표현된 색상 — 빨강(Red), 초록(Green), 파랑(Blue) 세 채널이 각각 0부터 255까지의 값을 갖습니다 — 을 #RRGGBB 형식의 16진수 색상 코드로 변환해 줍니다. HEX 코드는 HTML, CSS, 디자인 소프트웨어를 비롯한 대부분의 디지털 환경에서 색을 지정하는 표준 방식이기 때문에, RGB 값을 HEX로 바꾸는 작업은 웹 개발자와 디자이너에게 일상적인 일입니다.
사용 방법
빨강, 초록, 파랑 값을 각각 0에서 255 사이로 입력하세요. 계산 버튼을 누르면 해당하는 HEX 코드와 함께 실시간 색상 견본이 표시되어 결과를 눈으로 바로 확인할 수 있습니다. 0~255 범위를 벗어난 값은 자동으로 유효 범위 안으로 조정됩니다.
변환 공식 풀이
각 채널은 0부터 255까지의 정수로, 이는 1바이트가 담을 수 있는 값의 범위(16진수로 00부터 FF까지)와 정확히 일치합니다. 변환기는 각 채널을 두 자리로 맞추고 앞을 0으로 채운 대문자 16진수로 변환한 뒤 이어 붙입니다:
$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$예를 들어 255는 FF, 0은 00이 됩니다. 수학적으로 채널 값 \(v\)는 상위 자리 \(\lfloor v/16 \rfloor\)와 하위 자리 \((v \bmod 16)\)로 나뉩니다.
예제로 보기
"토마토(tomato)" 색을 예로 들어 보겠습니다: R = 255, G = 99, B = 71. 255는 16진수로 FF입니다. 99는 \(6 \times 16 + 3 = 63\), 71은 \(4 \times 16 + 7 = 47\)이 됩니다. 이를 모두 이어 붙이면 #FF6347 — CSS 표준 색상명 "tomato"가 됩니다.
자주 묻는 질문
각 HEX 쌍은 무엇을 의미하나요? 첫 번째 쌍은 빨강, 두 번째는 초록, 세 번째는 파랑을 나타내며, 각각 00(없음)부터 FF(가득)까지의 값을 갖습니다.
왜 대문자로 표기하나요? HEX 코드는 대소문자를 구분하지 않습니다. 대문자는 흔히 쓰이는 관례일 뿐이며 #ff6347처럼 소문자로 써도 똑같이 유효합니다.
소수를 입력할 수 있나요? 아니요 — RGB 채널은 0에서 255 사이의 정수만 사용합니다. 소수점이 있는 값은 버림 처리됩니다.
