pantoken-root / 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))"