HEX RGB 변환기

헥스 코드를 RGB로 바꾸는 방법

여섯 자리 헥스 코드를 두 자리씩 빨강·초록·파랑으로 나누고, 각 쌍을 16진수에서 10진수로 바꿉니다. 첫 자리에 16을 곱하고 둘째 자리를 더하면 됩니다. A부터 F는 10부터 15를 뜻하고, 결과는 각각 0~255 사이 값입니다.

예시: #1E90FF

따라서 #1E90FF는 rgb(30, 144, 255)입니다.

HEX → RGB 변환 공식

R = 16 × 1번째 자리 + 2번째 자리
G = 16 × 3번째 자리 + 4번째 자리
B = 16 × 5번째 자리 + 6번째 자리

8자리 HEX를 RGBA로 바꾸려면

#1E90FF80처럼 여덟 자리 코드는 마지막 두 자리가 투명도(알파)입니다. 같은 방식으로 10진수로 바꾼 뒤 255로 나눕니다. 80은 128이고 128 ÷ 255 ≈ 0.5이므로 rgba(30, 144, 255, 0.5)입니다. 여섯 자리 코드는 불투명(알파 1)입니다. 여덟 자리 표기는 W3C CSS Color Module Level 4에 정의되어 있고 현재 주요 브라우저에서 모두 쓸 수 있습니다.

세 자리 헥스 코드는 어떻게 읽나요?

세 자리 코드는 각 자리를 두 번 반복한 줄임 표기입니다. #39F는 #3399FF와 같고 rgb(51, 153, 255)입니다. 네 자리 코드(#39F8)는 투명도 한 자리가 더 붙은 형태입니다.

자바스크립트·파이썬으로 HEX를 RGB로 바꾸기

// JavaScript
const hex = "1E90FF";
const [r, g, b] = [0, 2, 4].map(i => parseInt(hex.slice(i, i + 2), 16)); // 30, 144, 255

# Python
h = "1E90FF"
r, g, b = (int(h[i:i + 2], 16) for i in (0, 2, 4))  # 30, 144, 255

CSS에서는 변환하지 않아도 됩니다. color: #1E90FF와 color: rgb(30 144 255)는 같은 색입니다. 반투명이 필요하면 rgb(30 144 255 / 50%)나 여덟 자리 HEX를 씁니다.

자주 쓰는 HEX 색상 코드표

색상 코드 변환기 · RGB HEX 변환기 · CMYK RGB 변환기 · RGB CMYK 변환기

계산식은 W3C CSS Color Module Level 4 기준으로 2026년 10월에 확인했습니다.