무료 HEX RGB 색상 변환

3자리 또는 6자리 HEX 색상을 브라우저에서 rgb(r, g, b)로 바로 변환해요. 예: #6D28D9는 rgb(109, 40, 217)이에요.

HEX 값을 브라우저에서 바로 변환합니다. 이미지를 올릴 필요가 없습니다.

알아 두면 좋은 점

HEX는 RGB 값을 16진수로 적은 표기예요. # 뒤의 여섯 자리는 빨강, 초록, 파랑 순서로 두 자리씩 묶이고, 각 묶음은 00(0)부터 FF(255)까지의 값이에요. 이 변환기는 그 묶음을 읽어 정리된 #RRGGBB와 rgb(r, g, b)를 함께 보여 주고, 색 견본으로 결과를 바로 확인할 수 있어요.

입력칸에는 #6D28D9가 먼저 들어 있어요. 6D, 28, D9로 나누면 6D는 6 x 16 + 13 = 109, 28은 2 x 16 + 8 = 40, D9는 13 x 16 + 9 = 217이라서 결과는 rgb(109, 40, 217)이에요. 맨 앞의 #는 없어도 되고 대소문자도 구분하지 않아요.

3자리 줄임 표기도 받아요. 각 자리를 두 번씩 써서 #F80은 #FF8800이 되고 rgb(255, 136, 0)으로 바뀌어요. 알파 값이 붙은 8자리처럼 길이가 맞지 않는 값은 임의로 추측하지 않고 빨간 안내 문구로 알려 줘요.

이미지를 올릴 필요가 없고 계산은 페이지 안에서 바로 끝나요. 입력칸 옆의 색상 선택기로 색을 고르면 HEX와 RGB가 함께 갱신되고, 값마다 복사 버튼이 있어 CSS나 디자인 도구, 발표 자료에 그대로 붙여 넣을 수 있어요.

작업별 도구 12
함께 쓰는 도구 13
무료 HEX RGB 색상 변환 사용 방법
  1. HEX 입력칸에 #6D28D9처럼 값을 입력하거나 붙여 넣어요(#는 생략해도 돼요).
  2. 또는 색상 미리보기 입력을 눌러 색을 고르면 입력칸이 #RRGGBB 코드로 바뀌어요.
  3. 색 견본을 확인하고 결과를 읽어요. #6D28D9는 rgb(109, 40, 217)이에요.
  4. RGB 버튼을 누르면 rgb(109, 40, 217)이, HEX 버튼을 누르면 대문자 #6D28D9가 복사돼요.

빠른 안내

#F80은 RGB로 어떻게 바뀌나요?

각 자리를 두 번씩 써서 FF8800으로 만든 뒤 계산해요. 빨강 255, 초록 136, 파랑 0이라서 rgb(255, 136, 0)이 돼요.

투명도가 있는 8자리 HEX도 되나요?

아니요, 3자리 또는 6자리만 받아요. #6D28D980은 오류로 표시되니 알파 값(16진수 80은 128, 약 50%)을 직접 계산해 CSS에서 rgba()로 쓰세요.

결과가 항상 대문자로 나오는 이유가 뭐예요?

유효한 입력은 모두 대문자 #RRGGBB로 정리돼요. #6d28d9와 6D28D9 모두 #6D28D9로 표시되고, CSS에서는 어느 쪽이든 같은 색이에요.