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

Fonction: overlayColors() ​

overlayColors(base, overlay, percent?): string

Bêta

Aplatir overlay (à percent% d’intensité) sur une base opaque — un substitut uniquement CSS pour ui-color-utils overlayColors. Cet utilitaire réalise un compositage source-over de deux couleurs RGBA en un seul résultat opaque ; le cas courant (une teinte translucide sur une surface pleine) est exactement un color-mix() à deux couleurs. Le compositage RGBA sur RGBA général ne peut pas être une unique couleur CSS, donc ceci couvre uniquement le cas de base opaque.

Paramètres ​

base ​

string

La couleur d’arrière-plan opaque.

overlay ​

string

La couleur appliquée par-dessus.

percent? ​

number = 50

Quel pourcentage de overlay laisse transparaître, 0–100 (par défaut 50).

Renvoie ​

string

Une expression color-mix().

Exemple ​

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