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}}
    -
목록형 📅 달력형