본문 바로가기
웹퍼블리셔를 위한/HTML,CSS 팁

[CSS] HSL의 컬러 속성을 변수로 만들어 활용하기

by 디자인업 2021. 10. 9.

css로 색상을 지정하는 방법은 여러가지가 있습니다.

이중 HEX 코드 (#ffff00) 와  RGB값 (rgb(255,255,0)) 으로 지정하는 방법은 많이 사용하고 있지만

HSL 값을 사용하는 경우는 매우 드뭅니다.

 

아래 영상에서는 HSL을 활용하면 좋은 점에 대한 팁을 알려주고 있습니다.

한번 참고해보시면 잘 사용하시면 레벨을 한단계 더 올려줄 수 있을 것 같습니다.

 

https://designup4.tistory.com/91

 

[CSS 색상 지정 팁] HSL의 속성을 변수로 만들어 활용하기

HSL HSL은 아래 색을 표현하는 색상, 채도, 명도의 앞글자들입니다. Hue : 색상 - 0 ~ 360 사이 숫자 (= 색깔 방향 의미 숫자) (숫자만 기재) - 0 (= 360)은 빨간색, 120은 녹색, 240은 파란색 Saturation..

designup4.tistory.com

 

댓글