pantoken / plugins/pantoken/colors/src / lighten

Função: lighten() ​

lighten(color, percent?): string

Beta

Clarear em percent pontos de luminosidade HSL — o espelho somente-CSS de ui-color-utils lighten (o tinycolor aumenta a luminosidade HSL). Usa sintaxe de cor relativa para que matiz e saturação sejam preservados.

Parâmetros ​

color ​

string

A cor base.

percent? ​

number = 10

Pontos de luminosidade a adicionar (padrão 10, correspondendo ao padrão do tinycolor).

Retorna ​

string

Uma expressão relative-color hsl(from …).

Exemplo ​

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