Skip to content

pantoken / plugins/pantoken/colors/src / lighten

Fonction: lighten()

lighten(color, percent?): string

Bêta

Éclaircir de percent points de luminosité HSL — le pendant uniquement CSS de ui-color-utils lighten (tinycolor augmente la luminosité HSL). Utilise la syntaxe de couleur relative pour que la teinte et la saturation soient préservées.

Paramètres

color

string

La couleur de base.

percent?

number = 10

Points de luminosité à ajouter (par défaut 10, correspondant à la valeur par défaut de tinycolor).

Retourne

string

Une expression hsl(from …) de couleur relative.

Exemple

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