Skip to content

pantoken / plugins/pantoken/colors/src / lighten

函数: lighten()

lighten(color, percent?): string

Beta

将 HSL 亮度增加 percent 点 — ui-color-utils lighten 的仅 CSS 镜像 (tinycolor 增加 HSL 亮度)。使用相对颜色语法,因此色相和饱和度得以保留。

参数

color

string

基础颜色。

percent?

number = 10

要增加的亮度点(默认 10,与 tinycolor 的默认值一致)。

返回值

string

一个 hsl(from …) 相对颜色表达式。

示例

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