RGB HEX 색상 코드 변환기

RGB HEX 변환기 사용법

1. 슬라이더나 숫자 입력란으로 빨강, 초록, 파랑 값(0–255)을 입력하거나 CSS rgb() 값을 붙여넣으세요.
2. HEX 코드가 HSL, HSV, CMYK 값과 함께 즉시 표시됩니다. 알파를 1보다 작게 설정하면 투명도가 포함된 8자리 HEX 코드를 얻을 수 있습니다.
3. HEX 코드를 복사하거나, 계산식을 따라가며 각 값이 어떻게 변환되었는지 확인하세요.

RGB HEX 변환 공식

0부터 255까지의 RGB 채널 값은 각각 정확히 16진수 두 자리가 됩니다. 값을 16으로 나누면 몫이 첫째 자리, 나머지가 둘째 자리이며, 10–15는 A–F로 씁니다. rgb(124, 58, 237)의 예:

• 빨강: 124 ÷ 16 = 7 나머지 12 → 7C
• 초록: 58 ÷ 16 = 3 나머지 10 → 3A
• 파랑: 237 ÷ 16 = 14 나머지 13 → ED

이를 # 뒤에 이어 붙이면 #7C3AED가 됩니다. 채널마다 항상 두 자리로 써야 합니다. 9는 9가 아니라 09로 씁니다.

코드에서 RGB를 HEX로 변환하기

• JavaScript: '#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('')
• Python: '#{:02X}{:02X}{:02X}'.format(r, g, b)
• Excel 및 Google 스프레드시트: ="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)
• CSS: 변환할 필요가 없습니다. rgb()와 HEX 코드는 서로 바꿔 쓸 수 있습니다.

투명도(알파) 추가하기

8자리 코드를 만들려면 불투명도(0–1)에 255를 곱해 반올림한 뒤 16진수 두 자리로 덧붙입니다: 0.5 × 255 = 127.5 → 128 → 80. 따라서 rgba(124, 58, 237, 0.5) = #7C3AED80입니다.