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