도구 소개
HEX → RGB 변환기는 16진수 색상을 CSS rgb() 형식으로 변환하여 디자인 시안, 스타일시트, 개발 설정에서 같은 색상을 사용할 수 있도록 도와줍니다. 입력값을 엄격하게 검증하며, 색상 미리보기에는 해석에 성공한 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가 같은 색상인지 확인합니다.
- 빨강, 초록, 파랑 채널의 정수 값을 각각 확인합니다.
개인정보 안내
모든 입력 처리, 계산, CSS 생성, 미리보기는 현재 브라우저에서 이루어집니다. 사용자 내용을 업로드하지 않으며 백엔드, 데이터베이스, 온라인 API, 외부 CDN을 사용하지 않습니다. 입력값은 자동 저장되지 않습니다.
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 채널로 정확하게 변환됩니다.