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