pantoken / plugins/pantoken/colors/src / darken

Fonction: darken()

darken(color, percent?): string

Bêta

Assombrir de percent points de luminance HSL — l'équivalent uniquement CSS de ui-color-utils darken (tinycolor réduit la luminance HSL). Utilise la syntaxe de couleur relative afin que la teinte et la saturation soient préservées.

In relative hsl(), the l channel resolves to a <number> on the 0–100 scale — the same scale tinycolor's amount uses — so the points are subtracted directly (no %).

Paramètres

color

string

La couleur de base.

percent?

number = 10

Points de luminance à soustraire (par défaut 10, correspondant au comportement par défaut de tinycolor).

Renvoie

string

Une expression de couleur relative hsl(from …).

Exemple

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