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

Funzione: lighten() ​

lighten(color, percent?): string

Beta

Schiarire di percent punti di luminosità HSL — il corrispondente solo-CSS di ui-color-utils lighten (tinycolor aumenta la luminosità HSL). Usa la sintassi di colore relativa in modo che tonalità e saturazione siano preservate.

Parametri ​

color ​

string

Il colore base.

percent? ​

number = 10

Punti di luminosità da aggiungere (predefinito 10, corrispondente al valore predefinito di tinycolor).

Restituisce ​

string

Un'espressione relative-color hsl(from …).

Esempio ​

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