HEX·RGB·HSL 변환기
6자리 HEX 색상을 RGB와 HSL로 변환합니다.
입력
예시값이 입력되어 있습니다. 바로 확인하거나 값을 바꿔 보세요.
입력은 브라우저에서 처리합니다. 새로고침하면 예시값으로 돌아갑니다.
결과
입력된 예시값으로 바로 결과를 확인하거나 값을 바꿔 보세요.
6자리 불투명 sRGB 색상을 지원합니다.
결과 공유
도구 링크와 결과 텍스트를 함께 공유합니다. 결과는 URL에 넣지 않습니다. 아래 내용을 확인하고 공유하세요.
계산·변환 기준
6자리 HEX 색상을 RGB와 HSL로 읽기.
sRGB 채널을 0~1로 정규화하고 최대·최소 채널로 HSL 계산
입력 예시
#ff0000 → rgb(255, 0, 0), hsl(0, 100%, 50%)
#FF0000은 rgb(255, 0, 0), hsl(0, 100%, 50%)입니다. HSL의 밝기 50%는 WCAG에서 사용하는 상대휘도와 같은 값이 아닙니다.
사용 방법
- 입력된 예시값을 사용하거나 HEX 색상 항목을 바꾸세요.
- 결과 확인하기를 누르고 아래 결과를 확인하세요.
- 필요하면 결과 복사로 가져갈 수 있습니다.
자주 묻는 질문
투명 색상이나 짧은 HEX도 지원하나요?
이 도구는 알파가 없는 6자리 HEX만 받습니다. #F00은 #FF0000처럼 풀어서 넣으세요. 투명도나 다른 색 공간의 변환은 제공하지 않습니다.
계산 기준과 참고 자료
- W3C — CSS Color
sRGB와 HSL 색상 표현