pantoken / plugins/pantoken/colors/src / lighten

함수: lighten()

lighten(color, percent?): string

베타

HSL 밝기 값을 percent 만큼 밝게 조정 — ui-color-utils lighten의 CSS 전용 미러 (tinycolor는 HSL 밝기를 올립니다). 색조와 채도는 보존되도록 상대 색상 구문을 사용합니다.

매개변수

color

string

기본 색상.

percent?

number = 10

추가할 밝기 값(기본값 10 — tinycolor의 기본값과 동일).

반환값

string

하나의 hsl(from …) 상대 색상 표현식.

예제

lighten("var(--brand)", 10); // "hsl(from var(--brand) h s calc(l + 10))"