Skip to content

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