KO
내 도구

RGB를 HEX로 변환

RGB 값을 HEX 색상 코드로 바꾸고 과정도 보여 줍니다. 각 채널을 16으로 나눈 몫과 나머지, #RRGGBBAA 알파 코드, 3자리 축약형까지 한 번에 확인하세요.

반대로 변환하시나요? HEX를 RGB로 변환 →

한 줄에 색 하나씩, 0–255 숫자 세 개를 입력합니다(rgb() 유무는 상관없음). 네 번째 값(0–1 또는 %)은 알파이며 #RRGGBBAA가 됩니다.
내 도구 →
광고

RGB는 화면의 색을 0에서 255까지의 빨강·초록·파랑 세기로 나타냅니다. HEX는 같은 세 숫자를 16진수 두 자리씩으로 적은 것이라 255는 FF가 되고, 색은 #1E90FF 같은 짧은 코드가 됩니다. 이 변환기는 코드와 함께 계산 과정을 보여 주므로 숙제나 시험, 손으로 계산한 값을 확인할 때 편리합니다.

사용 방법

  1. 빨강, 초록, 파랑을 0에서 255 사이로 입력합니다.
  2. 필요하면 불투명도를 100% 미만으로 설정해 8자리 #RRGGBBAA 코드를 얻습니다.
  3. HEX 코드와 (있다면) 3자리 축약형, 단계별 표를 확인합니다.
  4. 여러 색은 일괄 입력란에 한 줄에 RGB 세 숫자씩 붙여 넣습니다.

계산식

채널마다 몫 = ⌊값 ÷ 16⌋, 나머지 = 값 mod 16 이며, HEX 두 자리는 몫에 해당하는 숫자 다음에 나머지에 해당하는 숫자를 붙인 것입니다(10 = A, 11 = B, 12 = C, 13 = D, 14 = E, 15 = F).

불투명도는 네 번째 두 자리가 되며 round(불투명도 × 255)입니다. 3자리 축약형 #RGB는 모든 두 자리가 같은 숫자의 반복일 때만 있습니다(예: #FF8800 = #F80).

예시

rgb(30, 144, 255): 30 ÷ 16 = 1, 나머지 14 → 1E, 144 ÷ 16 = 9, 나머지 0 → 90, 255 ÷ 16 = 15, 나머지 15 → FF. 합치면 #1E90FF(dodger blue)입니다. 불투명도 50%이면 0.5 × 255 = 127.5가 128로 반올림되어 80이 되고, 결과는 #1E90FF80입니다.

자주 묻는 질문

계산기 없이 손으로 바꾸려면 어떻게 하나요?

16으로 나눕니다. 몫이 첫 번째 자리이고 나머지가 두 번째 자리입니다. 200이라면 200 ÷ 16 = 12, 나머지 8 → C8입니다.

같은 색인데 디자인 도구에 다른 HEX가 표시되는 이유는 무엇인가요?

대개 도구가 다른 색 프로파일(Display P3, Adobe RGB)로 작업하며 변환해 보여 주기 때문입니다. CSS의 HEX는 항상 sRGB를 뜻합니다.

모든 색을 3자리로 줄일 수 있나요?

아닙니다. 두 자리가 같은 숫자(00, 11 … FF)로 이뤄진 4,096가지 색만 축약형이 있습니다.

최종 업데이트:

인용·퍼가기
APA

kakaoCalc. (2026, November 8). RGB를 HEX로 변환. https://kakao.mobile/ko/tools/how-rgb-to-hex-converter/

MLA

“RGB를 HEX로 변환.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/how-rgb-to-hex-converter/.

광고