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

Funktion: darken()

darken(color, percent?): string

Beta

Mörka med percent HSL-ljusstyrkepunkter — den endast-CSS-spegeln av ui-color-utils darken (tinycolor minskar HSL-ljusstyrkan). Använder relativ färgsyntax så nyans och mättnad bevaras.

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

Parametrar

color

string

Basfärgen.

percent?

number = 10

Ljusstyrkepunkter att subtrahera (standard 10, matchar tinycolors standard).

Returnerar

string

Ett hsl(from …) relativt färguttryck.

Exempel

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