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

Hàm: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Làm phẳng overlay (ở độ mạnh percent%) lên một base không trong suốt — một cách thay thế chỉ CSS cho ui-color-utils overlayColors. Trợ giúp đó ghép hai màu RGBA theo chế độ source-over thành một kết quả không trong suốt; trường hợp phổ biến (một lớp màu mờ phủ lên một bề mặt đặc) chính xác là một color-mix() gồm hai màu. Việc ghép tổng quát RGBA-trên-RGBA không thể là một màu CSS đơn lẻ, nên điều này chỉ bao phủ trường hợp nền không trong suốt.

Tham số ​

base ​

string

Màu nền không trong suốt.

overlay ​

string

Màu được đặt phủ lên trên nó.

percent? ​

number = 50

Mức độ overlay ló ra, từ 0–100 (mặc định 50).

Trả về ​

string

Một biểu thức color-mix().

Ví dụ ​

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