pantoken / plugins/pantoken/colors/src / darken

Funkcja: darken() ​

darken(color, percent?): string

Beta

Przyciemnij o percent punktów jasności HSL — czysto CSS-owy odpowiednik ui-color-utils darken (tinycolor obniża jasność HSL). Używa składni kolorów względnych, więc odcień i nasycenie są zachowane.

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

Parametry ​

color ​

string

Kolor bazowy.

percent? ​

number = 10

Punkty jasności do odjęcia (domyślnie 10, zgodnie z domyślną wartością tinycolor).

Zwraca ​

string

Wyrażenie relative-color hsl(from …).

Przykład ​

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