HSL 변환기 무료 온라인: HSL HEX RGB 색상 변환 즉시
6 회 사용HSL 팁
색조, 채도, 명도
H(색조): 0-360° 색상환. S(채도): 0-100%. L(명도): 0-100%. RGB보다 직관적.
다중 변환
HSL, HEX, RGB, CMYK 간 변환. 모두 즉시 업데이트.
변형 생성
S를 조절하면 선명/차분. L을 조절하면 밝게/어둡게.
자주 묻는 질문
HSL이란?
Hue(색조, 0-360°), Saturation(채도, 0-100%), Lightness(명도, 0-100%). RGB보다 디자이너에게 직관적.
RGB와 차이?
RGB는 빨강/초록/파랑 채널. HSL은 색조/채도/명도로 같은 색의 변형 조절이 쉬움.
밝은/어두운 톤을 만들려면?
H와 S를 유지하고 L만 변경. L=90% 매우 밝게, L=50% 보통, L=10% 매우 어둡게.
밝기 슬라이더를 100%로 하면 어떻게 되나요?
밝기 슬라이더를 100%로 올리면 색상 또는 채도 값에 관계없이 항상 흰색이 됩니다. 최대 밝기는 어떤 색상이든 완전히 씻어내기 때문입니다. HEX 코드는 #FFFFFF로, RGB 값은 255, 255, 255로 변경됩니다. 색상을 가장 밝은 상태로 빠르게 재설정하는 방법입니다.
HSL 색상이 다른 화면에서 다르게 보이는 이유는 무엇인가요?
모니터마다 색상 재현 방식이 다릅니다. 보정된 디스플레이에서 선명한 HSL 값이 보정되지 않은 노트북 화면에서는 탁하게 보일 수 있습니다. 이는 도구 문제가 아니라 하드웨어 차이입니다. 디자인을 확정하기 전에 최소 두 대의 기기에서 색상을 테스트해보세요. 웹 작업 시 CSS에 HEX와 RGB 대체 값을 모두 포함하면 화면 간 차이를 줄일 수 있습니다.
HSL 변환 방법
- HSL 값 입력 또는 시각적 선택기 사용
- HEX와 RGB로 자동 변환
- 색조, 채도, 명도 조절
- 아무 형식 복사