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

Funzione: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Appiattisce overlay (a forza percent%) su una base opaca — un sostituto solo-CSS per ui-color-utils overlayColors. Quel helper esegue il compositing source-over di due colori RGBA in un unico risultato opaco; il caso comune (una tinta traslucida sopra una superficie solida) è esattamente un color-mix() a due colori. Il compositing generale RGBA-su-RGBA non può essere un singolo colore CSS, quindi questo copre solo il caso con base opaca.

Parametri ​

base ​

string

Il colore di sfondo opaco.

overlay ​

string

Il colore sovrapposto.

percent? ​

number = 50

Quanto di overlay traspare, 0–100 (predefinito 50).

Restituisce ​

string

Un'espressione color-mix().

Esempio ​

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