개발·데이터
HEX·RGB·HSL 색상 변환
웹 색상 코드 세 형식과 색상 미리보기를 함께 확인합니다.
브라우저에서 처리 · 파일과 텍스트 업로드 없음
도구를 준비하고 있습니다…
HEX·RGB·HSL 색상 변환 도구 소개
디자인에 적힌 색상과 CSS에서 쓰는 색상 표기를 서로 변환합니다.
사용 방법
- #336699, rgb(...), hsl(...) 중 하나를 입력합니다.
- 변환하기를 누릅니다.
- 코드와 미리보기를 확인합니다.
입력·출력 예시
입력
#336699출력
rgb(51, 102, 153) · hsl(210, 50%, 40%)
지원 형식과 제한사항
- HEX 3자리·6자리, 쉼표로 구분한 RGB·HSL을 지원합니다.
- 알파 채널·색상 이름·Display-P3·OKLCH는 지원하지 않습니다.
계산·변환 기준
sRGB 기준입니다. RGB는 0~255 정수, HSL의 채도·명도는 0~100%, Hue는 360도 주기로 정규화합니다. HSL은 소수 둘째 자리, HSL→RGB는 가장 가까운 정수로 반올림합니다.
자주 묻는 질문
HSL을 되돌리면 1 정도 달라질 수 있나요?
표시 반올림과 8비트 RGB 양자화로 작은 차이가 날 수 있습니다.
색이 모니터마다 다른가요?
코드는 같아도 디스플레이의 색역·밝기·보정 설정에 따라 보이는 색이 다를 수 있습니다.