HEX → RGBA 변환
#RGB, #RGBA, #RRGGBB, #RRGGBBAA 네 가지 표기를 알파까지 정확히 풀어 rgba()로 바꾸고 실시간 스와치에서 복사합니다.
도구 열기 — HEX → RGBA 변환HEX → RGBA 변환 vs RGBA → HEX 변환
HEX → RGBA 변환 vs RGBA → HEX 변환 — 차이가 뭔가요?
결론부터: 둘은 거울 관계입니다. HEX to RGBA는 #RGB, #RGBA, #RRGGBB, #RRGGBBAA를 바이트 단위로 정확한 rgba()로 디코딩합니다. RGBA to HEX는 rgb()와 rgba()를 #RRGGBB 또는 8자리 #RRGGBBAA로 인코딩합니다. 목표 형식을 향하는 방향의 도구를 고르세요.
HEX → RGBA 변환와 RGBA → HEX 변환 비교
| HEX → RGBA 변환 | RGBA → HEX 변환 | |
|---|---|---|
| 용도 | #RGB, #RGBA, #RRGGBB, #RRGGBBAA 네 가지 표기를 알파까지 정확히 풀어 rgba()로 바꾸고 실시간 스와치에서 복사합니다. | rgb(), rgba() 색상을 채널별 확인과 정확한 알파 반올림으로 #RRGGBB 또는 #RRGGBBAA로 로컬에서 변환합니다. |
| 입력 | #RGB, #RGBA, #RRGGBB 또는 #RRGGBBAA | rgb() 또는 rgba() — 백분율 표기는 거부됨 |
| 출력 | 바이트 단위로 정확한 알파 디코딩이 적용된 rgba()와 실시간 스와치 | 대문자 #RRGGBB, 알파가 1 미만이면 #RRGGBBAA |
| 전형적인 사용 | HEX 토큰에서 CSS나 canvas용 rgba() 작성 | 색상을 디자인 시스템이나 기존 도구용 짧은 HEX로 압축 |
핵심 차이
HEX → RGBA 변환 vs RGBA → HEX 변환
하는 일
작업에 따라 다름둘 다 색 표기 변환을 하지만 방향이 반대입니다. 하나는 HEX를 디코딩하고 다른 하나는 HEX를 인코딩합니다.
입력
작업에 따라 다름HEX 쪽은 4가지 축약형과 완전형을 받습니다. RGBA 쪽은 함수 표기를 받지만 백분율 표기는 거부합니다.
출력
작업에 따라 다름둘 다 복사 가능한 문자열과 실시간 색상 스와치를 줍니다. rgba()는 알파를 명확히 보여주고, HEX는 투명도가 있을 때만 자릿수를 늘립니다.
잘 맞는 경우
작업에 따라 다름rgba()가 필요하면 HEX to RGBA, 디자인 시스템용 간결한 토큰이 필요하면 RGBA to HEX입니다.
대상 도구
RGBA → HEX 변환
rgb(), rgba() 색상을 채널별 확인과 정확한 알파 반올림으로 #RRGGBB 또는 #RRGGBBAA로 로컬에서 변환합니다.
도구 열기 — RGBA → HEX 변환관련 비교
다른 Toolars 도구 비교
자주 묻는 질문
HEX → RGBA 변환와 RGBA → HEX 변환의 차이는 무엇인가요?
하나는 HEX를 rgba()로 디코딩합니다. #RGB와 #RGBA 축약형은 자릿수를 펼칩니다. 다른 하나는 rgb(), rgba()를 HEX로 인코딩합니다. 알파에 255를 곱해 반올림하고 투명도가 있을 때만 8자리를 냅니다. 정확도 기준은 같고 방향만 반대입니다.
HEX → RGBA 변환와 RGBA → HEX 변환를 함께 쓸 수 있나요?
네 — 합치면 왕복 검사가 됩니다. HEX 값을 rgba()로 바꾼 뒤 다시 돌려보세요. 원래 자릿수가 나오지 않으면 둘 중 하나의 입력이 도구가 의도적으로 거부하는 구문이었던 것입니다.