Hex 색상을 RGB로 변환
#FF5733 또는 짧은 #F53 같은 Hex를 붙여 넣으세요. 알파가 있는 #RRGGBBAA도 지원하며, 브라우저에서 바로 스와치와 rgb()/rgba()를 확인할 수 있습니다.
예시
행을 클릭하면 입력에 채워지고 변환됩니다
| 입력 | 출력 | — |
|---|---|---|
디자인 도구는 Hex를 자주 쓰고, CSS·일부 UI 키트는 채널 RGB가 필요할 때가 있습니다. 이 페이지는 바로 미리보기가 되고, 단축형과 8자리 알파도 지원합니다.
임의의 숫자를 진법 변환하는 Hex→십진수와는 다릅니다. 색이 아닌 진법 변환은 데이터 변환을 쓰세요.
Hex를 RGB로 바꾸는 방법
- #FF5733, 짧은 #F53, 투명도가 있는 #RRGGBBAA 등을 붙여넣습니다
- 컬러 피커로 골라도 됩니다. 필요하면 투명도도 조절하세요
- rgb()/rgba()를 복사하고 미리보기 색과 맞는지 확인합니다
이런 작업에 잘 맞습니다
- 디자인 Hex를 CSS rgb()/rgba()로 옮길 때
- 3자리 단축 Hex를 정식 채널 값으로 펼칠 때
- 투명도가 있는 8자리 Hex를 다룰 때
이런 때 쓰기 좋아요
- Figma 색을 CSS 변수로 옮길 때
- 반투명 오버레이의 실제 채널을 확인할 때
- 대비 검사와 함께 가독성을 확인할 때
알아두면 좋은 점
자주 묻는 질문
- 짧은 #F53도 되나요?
- 됩니다. 각 자리가 두 배가 된 뒤(#F53 → #FF5533) RGB로 변환됩니다.
- 알파는 어떻게 처리되나요?
- 8자리 Hex #RRGGBBAA는 0~1 알파의 rgba()가 됩니다. 미리보기도 반투명을 보여 줍니다.
- Hex→십진수 변환과 같은가요?
- 아닙니다. 색상 도구는 Hex를 RGB 채널로 다룹니다. 임의 숫자의 진법 변환은 데이터 변환 도구를 쓰세요.