pantoken / plugins/pantoken/colors/src / overlayColors

Funksjon: overlayColors()

overlayColors(base, overlay, percent?): string

Beta

Legg overlay flatt (på percent% styrke) ovanpå ein ugjennomsiktig base — eit kun CSS-tilsvarande for ui-color-utils overlayColors. Den hjelparen source-over-komponerer to RGBA-fargar til eitt ugjennomsiktig resultat; det vanlege tilfellet (eit gjennomsiktig skjær over ei solid overflate) er nøyaktig ein todelt color-mix(). Generell RGBA-over-RGBA-komponering kan ikkje vere ein enkelt CSS-farge, så dette dekkjer berre tilfellet med ei ugjennomsiktig base.

Parametrar

base

string

Den ugjennomsiktige bakgrunnsfargen.

overlay

string

Fargen som leggast ovanpå.

percent?

number = 50

Kor mykje av overlay som slepp gjennom, 0–100 (standard 50).

Returnerer

string

Eit color-mix() uttrykk.

Døme

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