Skip to content

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