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

Fungsi: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Ratakan overlay (pada kekuatan percent%) di atas base yang opak — pengganti hanya-CSS untuk ui-color-utils overlayColors. Pembantu itu melakukan source-over-composite dua warna RGBA menjadi satu hasil opak; kasus umum (tint translusen di atas permukaan padat) persisnya adalah sebuah dua-warna color-mix(). Komposit umum RGBA-atas-RGBA tidak bisa menjadi satu warna CSS tunggal, jadi ini hanya mencakup kasus basis yang opak.

Parameter ​

base ​

string

Warna latar belakang yang opak.

overlay ​

string

Warna yang ditempatkan di atasnya.

percent? ​

number = 50

Seberapa banyak dari overlay yang terlihat, 0–100 (default 50).

Mengembalikan ​

string

Sebuah ekspresi color-mix().

Contoh ​

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