헥스를 RGBA로 바꾸는 색상 변환기
CSS 헥스 색상(#rrggbb 또는 #rgb)을 원하는 알파 채널 값을 가진 RGBA로 변환합니다. 무료, 즉시 변환.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 헥스 색상 코드를 입력하세요(예: #3a86ff 또는 #f0f).
- 알파 값을 0(안 보임)부터 1(불투명) 사이로 설정하세요.
- rgba() 결과를 CSS에 복사해 사용하세요.
CSS 헥스 색상을 원하는 알파(불투명도) 값을 가진 rgba()로 변환합니다. CSS에서 반투명 색상이 필요할 때 유용합니다.
공식
Given a hex color #rrggbb:
R = parseInt(rr, 16) G = parseInt(gg, 16) B = parseInt(bb, 16)
Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places
Result: rgba(R, G, B, a)
Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.
자주 묻는 질문
- RGBA란 무엇인가요?
- RGBA는 RGB와 비슷하지만 불투명도를 제어하는 네 번째 채널인 알파가 있습니다. 0은 완전 투명, 1은 완전 불투명입니다.
- 3자리 헥스 코드도 사용할 수 있나요?
- 네. #abc는 변환 전에 자동으로 #aabbcc로 확장됩니다.