HEX·RGB·HSL 색상 변환기
알파 값을 포함한 색상 코드를 변환하고 실제 색상을 확인하세요.
이 브라우저에서만 처리 · 입력을 업로드하지 않아요
결과
입력 대기 중입력 후 실행하면 결과가 여기에 표시돼요.
알아두면 더 정확해요
3·4·6·8자리 HEX와 RGB(A), HSL(A)를 지원합니다. HSL 채도와 명도에는 %를 붙이세요. 색상 이름은 지원하지 않으며 채널 범위가 잘못되면 오류로 표시합니다.
예를 들면
Color code: #244de5
사용 가이드
결과를 이해하고 사용하기
디자인에 쓰는 HEX, RGB, HSL 표기 사이에서 같은 색을 비교하세요. 미리보기는 화면과 주변 배경의 영향을 받으므로 색상 코드와 함께 판단하는 것이 좋습니다.
사용 순서
- HEX 또는 RGB(A), HSL(A) 값을 입력하세요.
- 변환된 코드와 투명도를 확인하고 필요한 표기법을 복사하세요.
입력과 결과 예시
입력·옵션
#ff0000
결과·해석
rgb(255, 0, 0) hsl(0, 100%, 50%)
RGB는 빨강·초록·파랑 채널, HSL은 색상·채도·명도를 나타냅니다. 알파 값이 있으면 투명도도 함께 변환합니다. 표시 자릿수에 따라 왕복 변환에 작은 반올림 차이가 생길 수 있습니다.
색상 이름이나 CSS 변수를 넣을 수 있나요?
red 같은 이름이나 var(--color)는 지원하지 않습니다. 실제 숫자 코드를 입력하세요. HSL의 채도와 명도에는 %가 필요하며, 이 도구는 대비율이나 접근성 적합성을 판정하지 않습니다.