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-over-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))"