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
'웹퍼블리셔를 위한 > HTML,CSS 팁' 카테고리의 다른 글
| css animation 로 만드는 로딩 효과 애니메이션 (0) | 2021.10.09 |
|---|---|
| css mix-blend-mode로 포토샵 오버레이 효과 내는 방법 (0) | 2021.10.09 |
| 시멘틱 태그 (마크업) - 드림코딩 엘리 (0) | 2021.08.26 |
| 롤오버시 배너가 교차되어 보이는 효과 (Html & CSS) (0) | 2020.11.20 |
| css 단위 em 과 rem 정리 - 드림코딩 엘리님이 재밌게 알려드립니다. (0) | 2020.09.23 |
댓글