hsl 에서 lightness 기준으로 white/black 컬러로 설정하기.

new
-icon-color: hsl(0,0%,calc( clamp(0, (0.5 - var(--l)) * 1000, 1) * 100%) );


sl plane 에서 icon 색이 잘 안보일 경우를 디배해서
lightness 50% 기준으로 white/black 의 색을 가지게 한다.
51%이면 black, 49% 이면 white.

원리는 
clamp(최소값, 값, 최대값)
값을 음수/양수의 큰 수로 만들어서 억지로 최대/최소 값을 가지게한다.

--l 는 0~1사이의 실수. %의 경우는 잘 바꿔서 계산해보자.
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
3.1
3.2
3.3
3.4
3.5
3.7
3.8
3.9
3.10
3.11
3.12
3.13
3.14
3.15
3.18
3.19
3.20
3.21
3.22
3.23
3.24
3.25
3.26
3.27
3.28
3.29
3.30
3.31
4.1
4.2
4.3
4.4