HEX·RGB·HSL 색상 변환기

알파 값을 포함한 색상 코드를 변환하고 실제 색상을 확인하세요.

이 브라우저에서만 처리 · 입력을 업로드하지 않아요

결과

입력 대기 중

입력 후 실행하면 결과가 여기에 표시돼요.

알아두면 더 정확해요

3·4·6·8자리 HEX와 RGB(A), HSL(A)를 지원합니다. HSL 채도와 명도에는 %를 붙이세요. 색상 이름은 지원하지 않으며 채널 범위가 잘못되면 오류로 표시합니다.

예를 들면

Color code: #244de5

사용 가이드

디자인에 쓰는 HEX, RGB, HSL 표기 사이에서 같은 색을 비교하세요. 미리보기는 화면과 주변 배경의 영향을 받으므로 색상 코드와 함께 판단하는 것이 좋습니다.

입력·옵션

#ff0000

결과·해석

rgb(255, 0, 0)
hsl(0, 100%, 50%)

RGB는 빨강·초록·파랑 채널, HSL은 색상·채도·명도를 나타냅니다. 알파 값이 있으면 투명도도 함께 변환합니다. 표시 자릿수에 따라 왕복 변환에 작은 반올림 차이가 생길 수 있습니다.

색상 이름이나 CSS 변수를 넣을 수 있나요?

red 같은 이름이나 var(--color)는 지원하지 않습니다. 실제 숫자 코드를 입력하세요. HSL의 채도와 명도에는 %가 필요하며, 이 도구는 대비율이나 접근성 적합성을 판정하지 않습니다.