pantoken / plugins/pantoken/colors/src / overlayColors

Ֆունկցիա: overlayColors() ​

overlayColors(base, overlay, percent?): string

Բետա

Flatten overlay (at percent% ուժով) թափանցիկ չէ এমন base-ի վրա — միայն CSS-ով իրականացվող փոխարինում՝ ui-color-utils overlayColors-ի համար։ Այդ օգնականը աղբյուր-վերը միացնում է (source-over) երկու RGBA գույները մեկ ոչ թափանցիկ արդյունակի մեջ; սովորական դեպքը (թափանցիկ երանգը գոյական մակերևույթի վրա) հենց երկու գույնից բաղկացած color-mix() է։ Ընդհանուր RGBA-ն RGBA-ի վրա համադրում կարելի չէ ներկայացնել մի einzigen 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))"