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

Fonction: lighten() ​

lighten(color, percent?): string

Bêta

Éclaircir de percent points de luminosité HSL — l'équivalent uniquement CSS de ui-color-utils lighten (tinycolor augmente la luminosité HSL). Utilise la syntaxe de couleur relative afin 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 au réglage par défaut de tinycolor).

Renvoie ​

string

Une expression de couleur relative hsl(from …).

Exemple ​

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