pantoken / plugins/pantoken/colors/src / darken

Função: darken() ​

darken(color, percent?): string

Beta

Escurecer por percent pontos de luminosidade HSL — o espelho apenas-CSS de ui-color-utils darken (tinycolor reduz a luminosidade HSL). Usa sintaxe de cor relativa para que matiz e saturação sejam preservados.

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 %).

Parâmetros ​

color ​

string

A cor base.

percent? ​

number = 10

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

Retorna ​

string

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

Exemplo ​

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