HEX를 RGBA로 변환
HEX 코드를 rgba() 값으로 변환하고, 알파 숫자를 바꿔 반투명하게 만들어 보세요.
hex 입력
결과 · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
사용 방법: HEX를 RGBA로 변환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HEX와 RGBA 알아보기
RGBA는 RGB에 네 번째 요소인 알파를 더한 거예요. 알파는 불투명도를 0(완전히 투명)에서 1(완전히 불투명)까지 정해요. #6A5ACD 같은 일반적인 여섯 자리 HEX 코드에는 투명도가 없어서, 변환기는 같은 색을 완전히 불투명하게 나타낸 rgba(106, 90, 205, 1)로 돌려줘요.
반투명하게 만들려면 마지막 숫자를 바꾸세요. rgba(106, 90, 205, 0.5)는 반투명하고, 0.15는 은은한 색조를 줘요. 따로 더 밝은 색을 정의하지 않고도 사진 위 오버레이, 은은한 그림자, 마우스 오버 강조, 반투명 배경을 만드는 일반적인 방법이에요. opacity 속성과 달리 rgba()의 알파는 해당 색에만 적용되므로 반투명 상자 안의 글자는 선명하게 유지돼요.
최신 CSS에서는 #6A5ACD80처럼 알파가 포함된 여덟 자리 HEX 코드도 쓸 수 있지만, rgba()가 읽고 수정하기 더 쉽고 오래된 브라우저와 이메일 프로그램에서도 작동해요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.