pantoken / plugins/pantoken/colors/src / overlayColors

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

overlayColors(base, overlay, percent?): string

Бета

Згладити overlay (зі значенням percent% насиченості) поверх непрозорого base — лише CSS-замінник для 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))"