pantoken / plugins/pantoken/colors/src / overlayColors

Fungsi: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Ratakan overlay (pada kekuatan percent%) ke atas base legap — pengganti hanya-CSS untuk ui-color-utils overlayColors. Pembantu itu melakukan penggabungan sumber-atas dua warna RGBA menjadi satu hasil legap; kes biasa (sebuah rona lutsinar di atas permukaan pepejal) adalah tepatnya color-mix() dua-warna. Penggabungan umum RGBA-ke-RGBA tidak boleh menjadi satu warna CSS, jadi ini hanya merangkumi kes asas legap.

Parameter ​

base ​

string

Warna latar belakang legap.

overlay ​

string

Warna yang dilapiskan ke atasnya.

percent? ​

number = 50

Berapa banyak overlay yang kelihatan, 0–100 (lalai 50).

Mengembalikan ​

string

Satu ungkapan color-mix().

Contoh ​

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