pantoken-root / plugins/pantoken/colors/src / overlayColors

Función: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Aplanar overlay (a percent% de intensidad) sobre una base opaca — un sustituto solo CSS para ui-color-utils overlayColors. Ese helper compone por encima-de-fuente dos colores RGBA en un único resultado opaco; el caso común (un tinte translúcido sobre una superficie sólida) es exactamente una mezcla de dos colores color-mix(). La composición general RGBA sobre RGBA no puede representarse como un solo color CSS, así que esto cubre únicamente el caso con base opaca.

Parámetros ​

base ​

string

El color de fondo opaco.

overlay ​

string

El color que se superpone sobre él.

percent? ​

number = 50

Cuánto de overlay se deja ver, 0–100 (por defecto 50).

Devuelve ​

string

Una expresión color-mix().

Ejemplo ​

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