pantoken / plugins/pantoken/colors/src / overlayColors

تابع: overlayColors() ​

overlayColors(base, overlay, percent?): string

بتا

تخت‌کردن overlay (در شدت percent%) روی یک base کدر — یک جایگزین فقط-CSS برای ui-color-utils overlayColors. آن کمک‌کننده دو رنگ 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))"