pantoken / plugins/pantoken/colors/src / overlayColors

Funkcija: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Splošči overlay (pri percent % jakosti) nad neprosojnim base — samo-CSS nadomestek za ui-color-utils overlayColors. Ta pomočnik z načelom source-over združi dve RGBA barvi v eno neprosojno rezultato; pogost primer (prosojen odtenek nad trdno površino) je natanko dvobarvni color-mix(). Splošno kompozitiranje RGBA nad RGBA ne more biti ena sama CSS barva, zato to zajema le primer z neprosojno podlago.

Parametri ​

base ​

string

Neprosojna barva ozadja.

overlay ​

string

Barva, ki je nanesena čeznjo.

percent? ​

number = 50

Koliko overlay prepušča, 0–100 (privzeto 50).

Vrne ​

string

Izraz color-mix().

Primer ​

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