pantoken / plugins/pantoken/colors/src / overlayColors

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

overlayColors(base, overlay, percent?): string

Бета

Развернуть overlay (с крепостью percent%) над непрозрачным base — CSS-заместитель для a ui-color-utils overlayColors. Этот помощник накладывает методом source-over два RGBA‑цвета в один непрозрачный результат; распространённый случай (полупрозрачный оттенок над сплошной поверхностью) — это ровно двухцветный color-mix(). Общая композиция RGBA над RGBA не может быть представлена одним CSS‑цветом, поэтому это покрывает только случай с непрозрачной базой.

Параметры ​

base ​

string

Непрозрачный фоновой цвет.

overlay ​

string

Цвет, наложенный поверх него.

percent? ​

number = 50

Насколько сильно просвечивает overlay, 0–100 (по умолчанию 50).

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

string

Выражение color-mix().

Пример ​

ts
overlayColors("var(--surface)", "var(--brand)", 12);
// "color-mix(in srgb, var(--brand) 12%, var(--surface))"