pantoken / plugins/pantoken/colors/src / overlayColors

Funktio: overlayColors()

overlayColors(base, overlay, percent?): string

Beta

Tasoita overlay (voimakkuudella percent%) läpinäkymättömän base-pinnan päälle — CSS-pohjainen korvike ui-color-utils overlayColors:lle. Kyseinen apu yhdistää lähteestä päällekkäin kaksi RGBA-väriä yhdeksi läpinäkymättömäksi tulokseksi; yleinen tapaus (läpinäkyvä sävy kiinteän pinnan päällä) on täsmälleen kaksivärinen color-mix(). Yleinen RGBA:n päälle RGBA:n yhdistäminen ei voi olla yksittäinen CSS-väri, joten tämä kattaa vain läpinäkymättömän pohjan tapauksen.

Parametrit

base

string

Läpinäkymätön taustaväri.

overlay

string

Päälle asetettava väri.

percent?

number = 50

Kuinka paljon overlay:sta näkyy, 0–100 (oletus 50).

Palauttaa

string

color-mix()-lauseke.

Esimerkki

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