이 도구에 대하여
HSL(색조, 채도, 밝기) 색상 값을 16진수 코드로 변환합니다. HSL은 색조가 색상 각도(0~360°), 채도가 색상 강도(0~100%), 밝기가 색상의 밝거나 어두운 정도(0~100%)를 제어하는 직관적인 색상 모델입니다. HSL로 작업하고 CSS용 16진수 코드가 필요한 디자이너에게 유용합니다.
자주 묻는 질문
- 16진수나 RGB 대신 HSL을 사용하는 이유는 무엇입니까?
- HSL은 인간에게 더 직관적입니다. 더 어두운 그늘을 원하시나요? 밝기를 줄입니다. 음소거 버전을 원하시나요? 채도를 줄입니다. 세 채널을 모두 조정해야 하는 16진수 또는 RGB에서는 이러한 관계가 명확하지 않습니다.
- 0 대 360의 색조는 무엇을 의미합니까?
- 0°와 360°는 모두 빨간색입니다. 색조 휠이 둘러싸입니다. 주요 색상: 0° = 빨간색, 60° = 노란색, 120° = 녹색, 180° = 청록색, 240° = 파란색, 300° = 자홍색.
- 채도가 0%와 100%에서는 어떻게 되나요?
- 채도가 0%이면 모든 색상은 회색 음영이 됩니다(밝기만으로 결정됨). 채도가 100%이면 해당 색상의 가장 순수하고 생생한 버전을 얻을 수 있습니다.
- 가벼움은 어떻게 작동합니까?
- 밝기 0%는 색상/채도에 관계없이 항상 검은색입니다. 100%는 항상 흰색입니다. 50%는 순수하고 가장 생생한 색상 버전을 제공합니다. 0~50% 사이의 값은 더 어두운 색조이고, 50~100%는 더 밝은 색조입니다.