pantoken / plugins/pantoken/colors/src / overlayColors

Fonksiyon: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Opak bir base üzerine overlay'ı (percent% güçte) düzleştirin — yalnızca CSS ile yapılan, ui-color-utils overlayColors için bir vekil. Bu yardımcı, iki RGBA rengini kaynak-üzerine bileştirerek tek bir opak sonuca dönüştürür; yaygın durum (saydam bir tonun sağlam bir yüzeyin üzerine konması) tam olarak iki renkli bir color-mix()'tür. Genel RGBA-üzerine-RGBA bileştirmesi tek bir CSS rengi olamaz, bu nedenle bu yalnızca opak-temel durumunu kapsar.

Parametreler ​

base ​

string

Opak arka plan rengi.

overlay ​

string

Üzerine uygulanan renk.

percent? ​

number = 50

overlay'ın ne kadarının göründüğü, 0–100 (varsayılan 50).

Döndürür ​

string

Bir color-mix() ifadesi.

Örnek ​

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