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

دالة: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

تسوية overlay (بقوة percent%) فوق base معتم — بديل بمجرّد CSS لـ ui-color-utils overlayColors. هذا المساعد يجمع لونَي RGBA باستخدام التراكب المصدر-فوق-المركب إلى نتيجة واحدة معتمة؛ الحالة الشائعة (صبغة شديدة الشفافية فوق سطح صلب) هي بالضبط color-mix() بلونين. تجميع RGBA العام فوق RGBA لا يمكن أن يكون لون CSS واحدًا، لذا يغطي هذا الحالة ذات القاعدة المعتمة فقط.

Parameters ​

base ​

string

لون الخلفية المعتم.

overlay ​

string

اللون الموضوع فوقه.

percent? ​

number = 50

مدى ظهور overlay، من 0 إلى 100 (الافتراضي 50).

Returns ​

string

تعبير لون نسبي من نوع hsl(from …).

Example ​

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