HSL 색공간

HSL

• 색상을 나타내는 한나의 표현
• HSL
• hue : 색상
• saturation : 채도, 포화도, 색의 강약

• lightness : 명도, 밝기

• HTML 에서
• css 3에서 지원
• 지원 브라우저
• chrome 1.0
• IE9+
• FF 1.0

• 등 대부분의 브라우저에서 지원

• Style 에서
• hsl(120,100%,50%); 처럼 표시

• hsla(120,100%,50%,0.2); 처럼 opacity 사용 가능

• 참고
• RGB보다 표현색이 적다.
• HSL : 360100100 = 3,600,000

• RGB : 256256256 = 16,777,216

• 사람이 색을 알아보기에 더 편하다.
• RGB는 각 값을 조합후 채도와 밝기 등이 결정되지만, HSL 은 각 값이 색,채도,밝기를 각각 설정 할 수 있다.

---

🔗original-link