pantoken / plugins/pantoken/colors/src / overlayColors

Függvény: overlayColors()

overlayColors(base, overlay, percent?): string

Béta

Lapítsa overlay-t (percent% erővel) egy átlátszatlan base fölé — CSS-only helyettesítés az ui-color-utils overlayColors helyett. Az a segítő source-over-composed két RGBA szín egyetlen átlátszatlan eredménnyé; a közös eset (félátlátszó árnyalat egy szilárd felületen) pontosan egy kétszínű color-mix(). Az általános RGBA-over-RGBA compositing nem lehet egyetlen CSS szín, ezért ez csak az átlátszatlan alapeset esetét fedi le.

Paraméterek

base

string

Az átlátszatlan háttérszín.

overlay

string

Az erre ráhelyezett szín.

percent?

number = 50

Mennyire látszik át a overlay, 0–100 (alapértelmezés 50).

Visszatérés

string

Egy color-mix() kifejezés.

Példa

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