RGB to HEX 색상 변환기

계산 입력

빨강 (0~255)

초록 (0~255)

파랑 (0~255)

결과

HEX 색상 코드

#FFA500

rgb(255, 165, 0)

채널	10진수	16진수
빨강	255	FF
초록	165	A5
파랑	0	00

RGB to HEX 변환기란?

이 도구는 RGB 색상값을 HEX(16진수) 색상 코드로 바꿔 줍니다. RGB는 빨강(R)·초록(G)·파랑(B) 빛의 세기를 각각 0부터 255까지의 숫자로 나타낸 값이고, HEX는 웹 디자인, CSS, HTML, 그래픽 디자인 프로그램에서 흔히 쓰이는 #RRGGBB 형식의 색상 표기법입니다. 두 표기법은 완전히 같은 색을 가리키며, HEX는 동일한 세 바이트 값을 더 짧고 간결하게 적는 방식일 뿐입니다.

RGB는 빨강, 초록, 파랑 채널(각 0~255)을 하나의 색으로 결합합니다.

사용 방법

빨강(Red), 초록(Green), 파랑(Blue) 칸에 각각 0부터 255 사이의 값을 입력한 뒤 변환 버튼을 누르세요. 변환기는 HEX 코드와 함께 결과를 눈으로 확인할 수 있는 실시간 색상 견본, 그리고 각 채널을 10진수와 16진수로 함께 보여 주는 상세 결과를 제공합니다. 0~255 범위를 벗어난 값은 자동으로 범위 안으로 맞춰지고, 소수점 값은 가장 가까운 정수로 반올림됩니다.

변환 공식 알아보기

각 채널은 16진수로 변환됩니다. 0부터 255까지의 한 바이트 값은 언제나 정확히 두 자리 16진수(00~FF)로 표현됩니다. 어떤 값 \(v\)를 변환하려면 앞자리는 floor(v / 16), 뒷자리는 v mod 16으로 구하고, 10~15는 A~F로 바꿔 줍니다. 결과가 한 자리면 앞에 0을 붙여 모든 채널이 두 글자가 되도록 합니다. 이렇게 만든 두 자리짜리 값 세 개를 # 뒤에 이어 붙이면 완성입니다.

$$\text{Hex} = \text{\#} \; \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

각 0~255 채널은 두 자리 16진수 쌍이 되어 # 기호 뒤에 이어집니다.

예제로 따라 하기

RGB(255, 165, 0)을 예로 들어 보겠습니다. 빨강 \(255 = \text{FF}\), 초록 \(165 = (165 \div 16 = 10 \text{ 나머지 } 5) \to \text{A5}\), 파랑 \(0 = \text{00}\). 이를 이어 붙이면 #FFA500이 되는데, 바로 웹에서 흔히 쓰이는 대표 색 "주황(orange)"입니다.

자주 묻는 질문

왜 어떤 HEX 코드는 3자리만 있나요? #FFF 같은 축약 표기는 #RRGGBB에서 각 쌍이 똑같이 반복되는 경우를 줄여 쓴 것입니다(즉 #FFF = #FFFFFF). 이 도구는 항상 6자리 전체 형식으로 결과를 출력합니다.

FF는 무슨 뜻인가요? FF는 16진수로 255를 뜻하며, 한 채널이 가질 수 있는 최대 세기를 나타냅니다.

255보다 큰 값을 입력할 수 있나요? 각 채널은 0~255 범위만 가능하므로, 그보다 큰 값은 255로(음수는 0으로) 자동 조정됩니다.