pantoken-root / plugins/pantoken/colors/src / lighten

Функция: lighten() ​

lighten(color, percent?): string

Бета

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

Параметры ​

color ​

string

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

percent? ​

number = 10

Пункты яркости для добавления (по умолчанию 10, совпадает с настройкой по умолчанию tinycolor).

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

string

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

Пример ​

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