HSL 색공간

less than 1 minute read

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

Updated: