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

Función: lighten() ​

lighten(color, percent?): string

Beta

Aclarar en percent puntos de luminosidad HSL — el equivalente solo CSS de ui-color-utils lighten (tinycolor aumenta la luminosidad HSL). Usa la sintaxis de color relativa para preservar el matiz y la saturación.

Parámetros ​

color ​

string

El color base.

percent? ​

number = 10

Puntos de luminosidad a añadir (valor por defecto 10, coincidiendo con el valor por defecto de tinycolor).

Devuelve ​

string

Una expresión de color relativa hsl(from …).

Ejemplo ​

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