HEX HSL 변환기
입력하는 즉시 HEX 값을 HSL(으)로 변환해 보세요. 무료로 빠르게 변환할 수 있으며, 단계별 예제와 자주 쓰이는 색상표도 제공됩니다.
HEX 값을 입력하여 아래에서 HSL 값을 확인하거나, 색상표에서 원하는 색을 직접 선택해 보세요.
변환 예제
HEX #ff5733 = HSL 11, 100%, 60%
색상 변환 원리
- HEX 코드는 동일한 세 개의 RGB 채널을 16진수로 표현한 것입니다. 채널당 두 자리씩 사용하며, 범위는 00(0)부터 ff(255)까지입니다.
- HSL은 동일한 색상을 색상(색상환에서 0~360°), 채도, 명도로 설명합니다. 구성 요소 하나만 변경하여 색상을 어둡게 하거나 채도를 낮추고 싶을 때 매우 유용합니다.
자주 쓰이는 색상의 HEX 및 HSL 값
| 색상 | HEX | HSL |
|---|---|---|
| 빨간색 | #ff0000 | 0, 100%, 50% |
| 주황색 | #ffa500 | 39, 100%, 50% |
| 노란색 | #ffff00 | 60, 100%, 50% |
| 초록색 | #008000 | 120, 100%, 25% |
| 청록색 (Cyan) | #00ffff | 180, 100%, 50% |
| 파란색 | #0000ff | 240, 100%, 50% |
| 보라색 | #800080 | 300, 100%, 25% |
| 분홍색 | #ffc0cb | 350, 100%, 88% |
| 갈색 | #a52a2a | 0, 59%, 41% |
| 흰색 | #ffffff | 0, 0%, 100% |
| 회색 | #808080 | 0, 0%, 50% |
| 검정색 | #000000 | 0, 0%, 0% |
모든 변환은 브라우저에서 직접 실행됩니다. 입력한 어떤 데이터도 BroBroGo 서버로 전송되지 않습니다.
자주 묻는 질문(FAQ)
HEX 값을 HSL(으)로 어떻게 변환하나요?
위에 HEX 값을 입력하거나 붙여넣으면 입력하는 즉시 HSL 값이 업데이트됩니다. 색상 선택 도구(스워치)를 사용해 시각적으로 색상을 고를 수도 있습니다.
변환 결과가 정확한가요?
값은 CSS 및 디자인 도구에서 요구하는 정수로 반올림됩니다. 이로 인한 미세한 차이는 사람의 눈으로 전혀 구별할 수 없는 수준입니다.