색상 변환기, 이렇게 사용하세요
색상 선택기를 움직이거나 # 뒤에 3자리 또는 6자리 HEX 값을 입력하세요. RGB와 HSL 결과를 함께 볼 수 있습니다.
사용 예시
#3366FF는 RGB(51, 102, 255)입니다. #fff처럼 3자리로 입력한 색상은 6자리로 확장합니다.
알아두세요
이 도구는 불투명 sRGB 색상을 처리합니다. 알파 채널이 포함된 4자리·8자리 HEX는 지원하지 않습니다.
단계별 사용법
- #3366FF 같은 HEX 값을 입력하거나 색상 선택기를 사용합니다.
- 색상 미리보기와 RGB·HSL 값을 확인합니다.
- 결과 복사로 CSS 등에 필요한 값을 가져갑니다.
세 가지 색상 표현
HEX는 RGB 채널 값을 16진수로 표시하고, RGB는 빨강·초록·파랑을 각각 0~255의 값으로 나타냅니다. HSL은 색상각, 채도, 밝기로 표현합니다. 이 도구는 불투명 sRGB 기준이며 HSL 값은 정수로 반올림합니다. 색상 대비나 인쇄용 CMYK 변환을 검사하지는 않습니다.
| HEX | RGB | HSL |
|---|---|---|
| #3366FF | 51, 102, 255 | 225°, 100%, 60% |
| #FFFFFF | 255, 255, 255 | 0°, 0%, 100% |
| #000000 | 0, 0, 0 | 0°, 0%, 0% |
자주 묻는 질문
#fff와 #ffffff는 같은 색인가요?
네. 세 자리 HEX의 각 문자를 두 번씩 반복해 여섯 자리로 확장합니다.
투명도가 포함된 색상도 되나요?
현재는 3자리·6자리 HEX만 지원합니다. 4자리·8자리 HEX와 rgba의 알파 채널은 처리하지 않습니다.
HSL로 다시 변환하면 값이 조금 달라져요.
화면의 HSL은 정수로 반올림합니다. 반복 변환에서 작은 차이가 생길 수 있으므로 원본 HEX를 보관하세요.
작성·운영: 구자혁 · 내용 검토: 2026-09-30 · 오류 제보