pantoken / plugins/pantoken/colors/src / alpha

Function: alpha()

alpha(color, percent): string

Beta

Set a color's opacity to percent% — the CSS-only mirror of ui-color-utils alpha. Mixing with transparent yields exactly the color at that alpha channel.

Parameters

color

string

The base color (literal, var(--token), or a nested helper result).

percent

number

The target opacity, 0–100.

Returns

string

A color-mix() expression.

Example

alpha("var(--brand)", 10); // "color-mix(in srgb, var(--brand) 10%, transparent)"