Utilore

HEX를 RGB로

HEX 코드를 붙여넣으면 RGB 채널 값을 읽을 수 있습니다. #1f5fd6은 rgb(31, 95, 214)이 되고, 코드에 알파 채널이 있으면 투명도가 그대로인 rgba()가 나옵니다.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

명도 대비:

사용 방법

  1. HEX 코드를 붙여넣습니다. 앞의 # 은 있어도 없어도 됩니다.
  2. 아래에서 RGB 값을 확인합니다. 알파 채널이 있으면 RGBA로 나옵니다.
  3. RGB 줄 옆의 「복사」를 누릅니다.

알아두면 좋은 점

여섯 자리가 뜻하는 것

HEX는 세 개의 수를 16진수로 적은 표기입니다. 첫 두 자리가 빨강, 다음이 초록, 마지막이 파랑이며 각각 00부터 FF까지, 즉 RGB에서 보는 10진수 0에서 255에 해당합니다. #1f5 같은 세 자리 코드는 축약형으로, 각 자리를 두 번씩 적은 #11ff55와 같습니다.

HEX 대신 RGB가 필요한 곳

canvas와 SVG API, 안드로이드와 iOS의 색 객체, 그리고 색을 적어 넣지 않고 계산해서 만드는 코드는 모두 채널 단위로 말합니다. 또 옛 브라우저가 잘못 읽는 여덟 자리 HEX를 피하면서 투명도를 주는 방법도 RGB뿐입니다.

자주 묻는 질문

투명도가 있는 여덟 자리 HEX도 됩니까?

됩니다. 마지막 두 자리가 알파 채널이며 rgba()의 네 번째 값으로 표시되고, 0–255에서 CSS가 기대하는 0–1 범위로 환산됩니다.

# 기호가 꼭 필요한가요?

아니요. «1f5fd6»과 «#1f5fd6» 모두 받고, 세 자리·네 자리 축약형도 됩니다.

브라우저 밖으로 나가는 것이 있나요?

없습니다. 변환은 페이지 안의 산술 계산일 뿐이며 업로드도 기록도 없습니다.

관련 도구