pantoken-root / plugins/pantoken/colors/src / lighten

Funksjon: lighten() ​

lighten(color, percent?): string

Beta

Lysne med percent HSL-lysstyrkepunkter — det rent CSS-baserte speilbildet av ui-color-utils lighten (tinycolor øker HSL-lysstyrken). Bruker relativ fargesyntaks slik at nyanse og metning bevares.

Parametere ​

color ​

string

Grunnfargen.

percent? ​

number = 10

Antall lysstyrkepunkter som skal legges til (standard 10, samsvarende med tinycolor's default).

Returnerer ​

string

Et hsl(from …) relativt fargeuttrykk.

Eksempel ​

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