pantoken / plugins/pantoken/colors/src / overlayColors

Funktion: overlayColors()

overlayColors(base, overlay, percent?): string

Beta

Flatlägg overlay (vid percent% styrka) över en ogenomskinlig base — en enbart CSS-ersättare för ui-color-utils overlayColors. Den hjälpfunktionen source-over-komponerar två RGBA-färger till ett ogenomskinligt resultat; det vanliga fallet (en genomskinlig ton över en solid yta) är exakt en tvåfärgs color-mix(). Allmän RGBA-över-RGBA-komposition kan inte vara en enda CSS-färg, så detta täcker endast fallet med ogenomskinlig bas.

Parametrar

base

string

Den ogenomskinliga bakgrundsfärgen.

overlay

string

Färgen som läggs ovanpå den.

percent?

number = 50

Hur mycket av overlay som syns igenom, 0–100 (standard 50).

Returnerar

string

Ett color-mix()-uttryck.

Exempel

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