RGB → HEX 변환기
RGB 값을 HEX 색상 코드로 바꾸세요.
브라우저에서 실행됩니다. 입력한 내용은 어디로도 전송되지 않습니다.
- rgb(), rgba() 붙여넣기 지원
- 알파 포함 8자리 HEX
- 입력할 때마다 바로 갱신
RGB를 HEX로 변환하는 방법
- rgb()나 rgba() 값을 붙여넣거나 각 채널을 직접 입력하세요.
- 알파를 1 미만으로 설정하면 8자리 HEX 코드도 함께 나옵니다.
- HEX 코드를 복사하세요.
RGB to HEX 변환 예시
| RGB | HEX | 참고 |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | 표준 변환 |
| rgb(0, 0, 0) | #000000 | 검은색 |
| rgba(255, 136, 0, 0.5) | #FF880080 | 알파가 2자리 추가 |
| 255, 136, 0 | #FF8800 | 숫자만 있어도 가능 |
알파가 HEX 자릿수로 바뀌는 원리
알파에 255를 곱해 가장 가까운 정수로 반올림한 뒤 코드 끝에 16진수 두 자리로 씁니다.
| 알파 | HEX 접미사 |
|---|---|
| 1 (불투명) | 필요 없음 |
| 0.75 | BF |
| 0.5 | 80 |
| 0.25 | 40 |
| 0 (투명) | 00 |
8자리 HEX가 통하는 곳
- CSS는 Chrome, Firefox, Safari, Edge 등 현재 모든 브라우저에서 #RRGGBBAA를 지원합니다.
- SVG의 fill과 stroke 속성도 최신 브라우저에서는 8자리 HEX를 지원합니다.
- 일부 오래된 이미지 편집기와 디자인 도구는 6자리 HEX만 읽어 알파 부분을 무시하거나 거부하므로, 이런 경우를 위해 불투명한 6자리 버전도 따로 보관해 두세요.
RGB → HEX 자주 묻는 질문
RGB를 HEX로 손으로 변환하려면?
각 채널을 두 자리 16진수로 쓰고 이어 붙이세요. rgb(255, 136, 0)은 FF, 88, 00이 되어 #FF8800이 됩니다.
불투명도는 HEX에서 어떻게 표기하나요?
알파에 255를 곱하고 반올림한 뒤 끝에 16진수 두 자리로 씁니다. 알파 0.5는 80이 되므로 rgba(255, 136, 0, 0.5)는 #FF880080입니다.
어떤 형식을 붙여넣을 수 있나요?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), 최신 표기법인 rgb(255 136 0 / 50%), 그리고 255, 136, 0 같은 숫자만 있는 표기도 됩니다. HEX 코드도 그대로 됩니다.
#ff8800과 #FF8800은 다른가요?
아니요, HEX 색상은 대소문자를 구분하지 않습니다. 스타일 가이드에서 대문자를 쓴다면 대문자 옵션을 켜세요.
orange처럼 숫자 대신 색상 이름을 입력할 수 있나요?
아니요. 이 변환기는 숫자로 된 rgb(), rgba(), HEX 값만 읽습니다. CSS의 148개 색상 이름에 대응하려면 별도의 조회표가 필요하기 때문입니다.
퍼센트를 입력했더니 HEX 코드가 살짝 바뀐 이유는 무엇인가요?
rgb(94% 53% 0%)처럼 퍼센트로 된 채널은 채널당 256단계 중 가장 가까운 값으로 변환되므로, 반올림 때문에 일부 채널이 1만큼 달라질 수 있습니다.
알파 채널의 반올림 방식은 모든 브라우저에서 같나요?
네. 255를 곱한 뒤 정수로 반올림하는 이 계산은 표준적이며, 어떤 브라우저에서도 같은 16진수 두 자리가 나옵니다. 이 페이지는 브라우저 API에 의존하지 않고 직접 변환을 계산하기 때문입니다.
50%처럼 퍼센트로 된 알파도 변환할 수 있나요?
네. rgba(255, 136, 0, 50%)와 최신 표기법인 rgb(255 136 0 / 50%) 모두 되며, 기존의 0에서 1 사이 소수 표기도 그대로 됩니다.