pantoken / plugins/pantoken/colors/src / overlayColors

ฟังก์ชัน: overlayColors() ​

overlayColors(base, overlay, percent?): string

เบต้า

รวมเป็นชั้นเดียว overlay (ที่ความเข้ม percent%) บน base แบบทึบ — ตัวแทนเฉพาะ CSS สำหรับ ui-color-utils overlayColors. ตัวช่วยนั้นใช้วิธี source-over ในการรวมสองสี RGBA ให้เป็นผลลัพธ์แบบทึบหนึ่งสี; กรณีทั่วไป (สีโปร่งแสงทาบบนพื้นผิวทึบ) คือ color-mix() สองสีอย่างชัดเจน. การรวม RGBA-ทับ-RGBA โดยทั่วไปไม่สามารถเป็นสี CSS เดียวได้ จึงครอบคลุมเฉพาะกรณีฐานที่ทึบเท่านั้น.

พารามิเตอร์ ​

base ​

string

สีพื้นหลังแบบทึบ

overlay ​

string

สีที่ถูกวางทับ

percent? ​

number = 50

ปริมาณของ overlay ที่มองเห็นได้, 0–100 (ค่าเริ่มต้น 50).

คืนค่า ​

string

นิพจน์ color-mix().

ตัวอย่าง ​

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