HEX to RGB 변환기란?
헥스(HEX) 색상 코드는 색을 여섯 자리 16진수로 표현한 방식으로, 웹 디자인, CSS, 그래픽 소프트웨어에서 폭넓게 쓰입니다. HEX to RGB 변환기는 이 코드를 빨강(Red)·초록(Green)·파랑(Blue) 세 가지 채널로 분리해, 각각 0부터 255 사이의 10진수 값으로 바꿔 줍니다. RGB 값은 여러 프로그래밍 언어와 디자인 도구는 물론, 16진수를 지원하지 않는 환경에서 특히 유용합니다.
사용 방법
입력란에 헥스 코드를 입력하세요. 맨 앞의 # 기호는 넣어도 되고 생략해도 됩니다. 여섯 자리 형식(예: #3498db)은 물론, 세 자리 축약형(예: #f00)도 사용할 수 있으며, 축약형은 자동으로 확장됩니다. 계산 버튼을 누르면 변환된 RGB 값과 실시간 색상 견본을 확인할 수 있습니다.
변환 공식 풀이
헥스 코드는 두 글자씩 세 쌍으로 나뉩니다. 각 쌍은 16진수이며, 이를 10진수로 변환합니다. 예를 들어 FF는 \(15 \times 16 + 15 = 255\)로 채널의 최댓값이고, 00은 0으로 최솟값입니다. 일반 규칙은 다음과 같습니다.
$$\begin{gathered} (R,\,G,\,B) = \bigl(\text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6}\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= {\text{Hex}_{[1,2]}}_{16} \\ G &= {\text{Hex}_{[3,4]}}_{16} \\ B &= {\text{Hex}_{[5,6]}}_{16} \end{aligned} \right. \end{gathered}$$
실제 계산 예시
헥스 코드 #3498DB를 예로 들어 보겠습니다. 두 글자씩 나누면 34, 98, DB가 됩니다. 각각 변환하면 다음과 같습니다.
결과는 rgb(52, 152, 219)로, 산뜻한 하늘색입니다.
자주 묻는 질문
# 기호를 꼭 넣어야 하나요? 아닙니다. 변환기는 # 기호와 헥스가 아닌 문자를 무시하므로 #fff와 fff 모두 정상 작동합니다.
세 자리 헥스 코드도 되나요? #abc 같은 축약형 코드는 변환 전에 자동으로 #aabbcc로 확장됩니다.
RGB의 최댓값은 얼마인가요? 각 채널은 0(헥스 00)부터 255(헥스 FF)까지의 값을 가지며, 이를 조합하면 총 16,777,216가지 색을 표현할 수 있습니다.
