pantoken-root / plugins/pantoken/colors/src / overlayColors

फंक्शन: overlayColors() ​

overlayColors(base, overlay, percent?): string

बीटा

एक अपारदर्शी base पर overlay को सपाट करना ( percent% ताकत पर ) — 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))"