pantoken / 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))"