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

Funkcja: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Spłaszcza overlay (przy percent% natężenia) nad nieprzezroczystym base — czysto CSS-owy zamiennik dla ui-color-utils overlayColors. Ten pomocnik source-over łączy dwie kolory RGBA w jeden nieprzezroczysty wynik; typowy przypadek (przezroczysta poświata na stałej powierzchni) to dokładnie dwukolorowy color-mix(). Ogólne kompozycje RGBA nad RGBA nie mogą być pojedynczym kolorem CSS, więc to obejmuje wyłącznie przypadek z nieprzezroczystą bazą.

Parametry ​

base ​

string

Nieprzezroczysty kolor tła.

overlay ​

string

Kolor nałożony na niego.

percent? ​

number = 50

Ile z overlay jest widoczne, 0–100 (domyślnie 50).

Zwraca ​

string

Wyrażenie color-mix().

Przykład ​

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