RGB to HEX 색상 변환기

계산 입력

빨강 (0~255)

초록 (0~255)

파랑 (0~255)

결과

HEX 색상 코드

#FF6347

RGB(255, 99, 71)

HEX 코드	#FF6347
10진수 값	16,737,095
빨강 (R)	255 → FF
초록 (G)	99 → 63
파랑 (B)	71 → 47

RGB to HEX 색상 변환기란?

이 도구는 빨강(Red), 초록(Green), 파랑(Blue) 채널로 정의된 색상을 웹, CSS, 디자인 프로그램, HTML에서 두루 쓰이는 16진수 색상 코드로 변환합니다. 각 채널은 0부터 255까지의 값을 가지며, 변환기는 이 세 숫자를 #FF6347 같은 익숙한 코드와 10진수 값으로 바꿔줍니다. 실시간 색상 견본을 통해 결과 색상을 바로 눈으로 확인할 수 있습니다.

RGB 가산 혼합: 빨강, 초록, 파랑이 결합해 풀컬러 스펙트럼을 만듭니다.

사용 방법

Red, Green, Blue 입력란에 각각 0부터 255 사이의 값을 입력하세요. 계산 버튼을 누르면 HEX 코드, 10진수 색상 값, 그리고 각 채널이 두 자리 16진수로 어떻게 변환되는지 한눈에 볼 수 있습니다. 나온 HEX 코드는 그대로 복사해 CSS나 디자인 앱에 붙여넣으면 됩니다.

변환 공식 알아보기

각 채널은 8비트 숫자(0~255)로, 정확히 두 자리 16진수(00~FF)에 대응합니다. 이를 하나의 10진수 값으로 합치려면 빨강에 65536(\(16^4\)), 초록에 256(\(16^2\))을 곱한 뒤 파랑을 더합니다:

$$\text{Decimal} = 65536\cdot\text{Red} + 256\cdot\text{Green} + \text{Blue}$$

HEX 코드는 단순히 각 채널을 16진수로 표기해 앞에 #을 붙여 이어붙인 것입니다.

$$\text{Hex} = \#\,\text{hex}_2\!\left(\text{Red}\right)\,\text{hex}_2\!\left(\text{Green}\right)\,\text{hex}_2\!\left(\text{Blue}\right)$$

각 RGB 채널(0-255)은 두 자리 16진수 쌍이 되어 여섯 자리 16진수 코드로 합쳐집니다.

계산 예시

RGB(255, 99, 71), 즉 "토마토(tomato)" 색을 예로 들어보겠습니다. 빨강 255 = FF, 초록 99 = 63, 파랑 71 = 47이 되어 HEX 코드는 #FF6347입니다. 10진수 값은

$$255\times 65536 + 99\times 256 + 71 = 16{,}711{,}680 + 25{,}344 + 71 = 16{,}737{,}095$$

가 됩니다.

자주 묻는 질문

왜 채널마다 16진수가 정확히 두 자리인가요? 255를 16진수로 쓰면 FF이기 때문입니다. 두 자리면 0부터 255까지 모든 값을 표현할 수 있습니다.

10진수 값을 코드에 직접 쓸 수 있나요? 네, 가능합니다. 많은 그래픽 API가 하나의 정수(예: 16737095)를 패킹된 색상 값으로 받아들입니다.

HEX와 RGB는 어떻게 다른가요? 둘은 같은 색상을 다른 방식으로 표기한 것입니다. HEX는 더 짧고 간결하며, RGB는 더 직관적으로 읽기 쉽습니다. 이 도구는 두 형식을 모두 보여줍니다.