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

Fall: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Fletja út overlay (við percent% styrk) yfir ógegnsætt base — CSS-einungis staðgengil fyrir ui-color-utils overlayColors. Sá hjálpari framkvæmir source-over-samsetningu tveggja RGBA-lita í eina ógegnsæta niðurstöðu; algengasta tilfellið (gagnsæur tónn yfir föstu yfirborði) er nákvæmlega tveggja lita color-mix(). Almenn RGBA-yfir-RGBA samsetning getur ekki verið einn CSS-litur, svo þetta nær aðeins yfir tilfellið með ógegnsæjum grunni.

Færibreytur ​

base ​

string

Ógegnsætt bakgrunnslitur.

overlay ​

string

Liturinn lagður yfir hann.

percent? ​

number = 50

Hversu mikið af overlay skín í gegn, 0–100 (sjálfgefið 50).

Skilar ​

string

Ein color-mix() tjáning.

Dæmi ​

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