pantoken-root / plugins/pantoken/colors/src / darken

Función: darken() ​

darken(color, percent?): string

Beta

Oscurecer por percent puntos de luminosidad HSL — el espejo solo CSS de ui-color-utils darken (tinycolor reduce la luminosidad HSL). Usa la sintaxis de color relativa para que el tono y la saturación se conserven.

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

El color base.

percent? ​

number = 10

Puntos de luminosidad a restar (por defecto 10, coincidente con el valor predeterminado de tinycolor).

Devuelve ​

string

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

Ejemplo ​

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