디자인
HEX HSL 변환기
밝기와 채도를 조정해야 하는 CSS 색상 작업에 활용합니다.
HEX HSL CSS 색상
Interactive Tool
HEX HSL 변환기
큰 컬러 프리뷰, HSL 슬라이더, 톤 스트립으로 색상 감각을 보면서 HEX/HSL 값을 바로 조정하고 복사합니다.
Live HSL Studio
Selected color
#2563eb
hsl(217, 91%, 60%)
톤 프리셋
현재 Hue와 Saturation을 유지한 채 밝기만 바꿔 빠르게 톤을 잡습니다.
브라우저 처리
가능한 기능은 서버 업로드 없이 현재 브라우저에서 처리합니다.
빠른 반복 작업
입력, 변환, 복사 흐름을 짧게 만들어 실무 시간을 줄입니다.
계속 개선
정확도, 모바일 사용성, 시각적 편의성을 우선순위로 다듬습니다.