pantoken / plugins/pantoken/colors/src / overlayColors

Função: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Achatar overlay (em percent% de intensidade) sobre um base opaco — um substituto apenas em CSS para oi-color-utils overlayColors. Esse helper combina (source-over) duas cores RGBA em uma única cor opaca; o caso comum (uma tonalidade translúcida sobre uma superfície sólida) é exatamente um color-mix() de duas cores. A composição geral RGBA sobre RGBA não pode ser uma única cor CSS, então isto cobre apenas o caso com base opaca.

Parâmetros ​

base ​

string

A cor de fundo opaca.

overlay ​

string

A cor aplicada sobre ela.

percent? ​

number = 50

Quanto de overlay fica visível, 0–100 (padrão 50).

Retorna ​

string

Uma expressão color-mix().

Exemplo ​

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