도구 소개
HEX 색상을 CSS rgb() 형식으로 바꿔 디자인 시안과 스타일시트에서 같은 색상을 사용할 수 있습니다. 미리보기와 빨강·초록·파랑 값을 확인한 뒤 복사하세요. 잘못된 값을 입력하면 수정할 수 있도록 메시지를 표시합니다.
사용 방법
- #FF5733, #09f 또는 # 없는 3자리 / 6자리 HEX를 입력하세요.
- 실시간 결과를 확인하거나 ‘변환’을 클릭하세요.
- 색상 미리보기와 RGB 채널 세 개를 확인한 뒤 ‘RGB 복사’를 클릭하세요.
- ‘지우기’로 입력을 삭제하거나 ‘예제 불러오기’로 예제 색상을 복원하세요.
사용 예제
- #FF5733 → rgb(255, 87, 51), 정규화된 HEX는 #ff5733입니다.
- #09f → rgb(0, 153, 255), 정규화된 HEX는 #0099ff입니다.
- #fff → rgb(255, 255, 255); #000000 → rgb(0, 0, 0).
계산 원리
6자리 HEX는 두 자리씩 하나의 색상 채널을 나타내며, 각 값을 16진수에서 0~255의 정수로 변환합니다. 3자리 HEX는 각 자리를 한 번씩 반복하므로 #09f는 #0099ff로 확장됩니다. 이 페이지는 불투명한 RGB HEX만 지원하며 4자리 / 8자리 알파 형식은 지원하지 않습니다.
주요 용도
- 디자인 색상 값을 RGB 형식으로 변환합니다.
- 축약형 HEX와 전체 HEX가 같은 색상인지 확인합니다.
- 빨강, 초록, 파랑 채널의 정수 값을 각각 확인합니다.
개인정보 안내
입력 내용과 결과는 브라우저 안에서만 처리되며 업로드되거나 자동으로 저장되지 않습니다. 보관할 결과는 복사해서 저장하세요.
FAQ
HEX란 무엇인가요?
HEX는 RGB 채널 세 개를 16진수로 나타냅니다. 6자리 형식에서는 빨강, 초록, 파랑 순서로 각 채널에 두 자리씩 사용합니다.
#fff와 #ffffff는 같은 색상인가요?
네. 3자리 축약형은 각 자리를 한 번씩 반복하므로 #fff는 #ffffff로 정규화됩니다.
#12345나 #gg0000을 입력하면 왜 오류가 발생하나요?
이 페이지에서는 3자리 또는 6자리 16진수만 사용할 수 있습니다. 유효한 문자는 0~9와 a~f이며 대소문자를 모두 허용합니다.
HEX를 RGB로 변환하면 정밀도가 떨어지나요?
아니요. 불투명한 3자리 및 6자리 HEX는 정수 RGB 채널로 정확하게 변환됩니다.