HSL을 RGBA로 변환
색상, 채도, 명도를 CSS에서 바로 투명도를 적용할 수 있는 rgba() 값으로 변환하세요.
hsl 입력
결과 · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
사용 방법: HSL을 RGBA로 변환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HSL과 RGBA 알아보기
HSL과 RGBA는 색을 바라보는 서로 다른 방식에서 나왔어요. HSL은 색상, 채도, 명도로 색을 정의하기 때문에 서로 관련된 색 단계를 디자인하기 쉬워요. RGBA는 0~255의 빨강, 초록, 파랑 채널 값에 불투명도를 나타내는 알파 채널을 더해 색을 정의하며, 많은 JavaScript 라이브러리, 캔버스 그리기 코드, 차트 도구, 오래된 CSS 코드가 이 형식을 요구해요.
변환기는 HSL 값을 알파가 1, 즉 완전히 불투명한 rgba()로 바꿔요. 투명도를 주려면 마지막 숫자를 수정하세요. 살짝 비치는 패널은 0.8, 사진 위 오버레이는 0.3, 보이지 않게 하려면 0이에요. 팁: 최신 CSS에서는 hsl(160 60% 45% / 0.3)처럼 HSL에 바로 알파를 더할 수도 있지만, 라이브러리나 이메일 템플릿이 새 문법을 지원하지 않는다면 rgba()가 더 안전해요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.