pantoken / plugins/pantoken/colors/src / darken

Функция: darken()

darken(color, percent?): string

Бета

Затемнить на percent пунктов HSL‑светлоты — CSS‑только отражение ui-color-utils darken (tinycolor уменьшает HSL‑светлоту). Использует синтаксис относительных цветов, поэтому оттенок и насыщенность сохраняются.

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

Параметры

color

string

Базовый цвет.

percent?

number = 10

Значение светлоты для вычитания (по умолчанию 10, совпадает со значением по умолчанию tinycolor).

Возвращаемое значение

string

Относительное цветовое выражение hsl(from …).

Пример

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