Skip to content

pantoken / plugins/pantoken/colors/src / lighten

Funktion: lighten()

lighten(color, percent?): string

Beta

Ljusar upp med percent HSL-ljushetspunkter — enbart CSS-spegeln av ui-color-utils lighten (tinycolor ökar HSL-ljusheten). Använder relativ färgsyntax så att nyans och mättnad bevaras.

Parametrar

color

string

Basfärgen.

percent?

number = 10

Ljushetspunkter att lägga till (standard 10, som matchar tinycolors standard).

Returnerar

string

Ett hsl(from …) relativt färguttryck.

Exempel

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