RGB to HEX 색상 변환기

계산 입력

빨강 (0~255)

초록 (0~255)

파랑 (0~255)

결과

HEX 색상 코드

#FF6347

rgb(255, 99, 71)

빨강	255
초록	99
파랑	71

RGB to HEX 변환기란?

이 도구는 RGB 모델로 표현된 색상 — 빨강(Red), 초록(Green), 파랑(Blue) 세 채널이 각각 0부터 255까지의 값을 갖습니다 — 을 #RRGGBB 형식의 16진수 색상 코드로 변환해 줍니다. HEX 코드는 HTML, CSS, 디자인 소프트웨어를 비롯한 대부분의 디지털 환경에서 색을 지정하는 표준 방식이기 때문에, RGB 값을 HEX로 바꾸는 작업은 웹 개발자와 디자이너에게 일상적인 일입니다.

빨강, 초록, 파랑 채널 값이 합쳐져 16진수 코드로 표현되는 하나의 색이 됩니다.

사용 방법

빨강, 초록, 파랑 값을 각각 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)\)로 나뉩니다.

0~255의 각 채널 값은 00부터 FF까지의 두 자리 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 사이의 정수만 사용합니다. 소수점이 있는 값은 버림 처리됩니다.