빠른 사용 흐름
입력부터 결과 활용까지
- 1 HEX HSL 변환기에 필요한 내용을 입력하거나 파일을 선택합니다.
- 2 프리셋, 옵션, 미리보기를 확인하면서 원하는 결과로 조정합니다.
- 3 완성된 결과를 복사, 저장, 다운로드해 실제 업무에 바로 사용합니다.
디자인
HEX HSL 변환기
밝기와 채도를 조정해야 하는 CSS 색상 작업에 활용합니다.
HSL Tone Studio
선택한 색상
#2563eb
hsl(217, 91%, 60%)
Hue
217°
Sat
91%
Light
60%
HEX와 HSL 조정
색상각, 채도, 밝기를 직접 조정하며 톤을 잡습니다.
톤 프리셋
현재 색상각과 채도를 유지한 채 밝기만 바꿔 빠르게 톤을 잡습니다.
쓸 만한 순간
반복 작업을 줄일 때
HEX HSL 변환기은 HEX 색상을 HSL 값으로 바꾸거나 복원합니다. 밝기와 채도를 조정해야 하는 CSS 색상 작업에 활용합니다. 결과를 따로 정리하지 않아도 복사, 저장, 다운로드 흐름으로 바로 다음 작업에 넘길 수 있습니다.
관련 검색 문구
이런 작업을 찾을 때
HEX HSL 변환기 사용 디자인 도구 HEXHSLCSS 색상