HEX to RGB 변환기

HEX to RGB 변환이란?

6자리 또는 3자리 16진수(HEX) 색상 코드를 브라우저에서 즉시 빨강(R), 초록(G), 파랑(B) 10진수 값으로 변환해 주는 도구입니다.

HEX를 RGB로 변환하는 원리

HEX와 RGB는 동일한 색상 공간을 나타내는 서로 다른 진법 표현입니다. HEX 코드는 각각 R, G, B를 나타내는 3개의 16진수 쌍으로 나뉘며, 첫 번째 자리에 16을 곱하고 두 번째 자리를 더해 0~255의 10진수 값을 도출합니다.

수학적 변환 공식

예를 들어 #FF5733 코드의 경우:

• 빨강 (FF): (15 × 16) + 15 = 255
• 초록 (57): (5 × 16) + 7 = 87
• 파랑 (33): (3 × 16) + 3 = 51

따라서 #FF5733은 rgb(255, 87, 51)와 동일합니다.

지원되는 형식

표준 6자리 코드(#FF5733)와 3자리 단축 코드(#F00 → #FF0000)를 모두 지원합니다. '#' 기호는 생략할 수 있습니다.

자바스크립트 구현 코드

외부 라이브러리 없이 직접 애플리케이션에 적용하고자 할 때 사용할 수 있는 함수입니다:

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

관련 변환 도구

반대 방향으로 변환하시겠습니까? 다음 도구를 확인하세요: RGB to HEX 변환기 ⇄.