pantoken / plugins/pantoken/colors/src / overlayColors

Funksjon: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Flat ut overlay (med percent% styrke) over en ugjennomsiktig base — en kun-CSS-erstatning for ui-color-utils overlayColors. Den hjelpen gjør en source-over‑komposisjon av to RGBA-farger til ett ugjennomsiktig resultat; det vanlige tilfellet (en gjennomsiktig tone over en solid flate) er nettopp en tofarget color-mix(). Generell RGBA-over-RGBA-komposisjon kan ikke være en enkelt CSS-farge, så dette dekker kun tilfellet med en ugjennomsiktig base.

Parametere ​

base ​

string

Den ugjennomsiktige bakgrunnsfargen.

overlay ​

string

Fargen som legges over den.

percent? ​

number = 50

Hvor mye av overlay som vises, 0–100 (standard 50).

Returnerer ​

string

Et color-mix()-uttrykk.

Eksempel ​

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