Developing building envelope tailored to environmental characteristics, enhancing renewable energy utilization while reducing energy consumption, is a crucial approach to lowering carbon emissions in construction. Herein, targeting the climatic features of hot and rainy regions, we designed a dual-functional fabric for building roof envelop by integrating passive radiative cooling and raindrop energy harvesting. The electrospinning porous fabric with optimized structure for trade-off optical-thermal-electrical properties shows high solar reflectivity of 94.5% and high atmospheric window emissivity of 90.8% as well as low thermal conductivity. The outdoor tests show the temperature drop of the chamber covered by the designed fabric can reach 9.6 ºC compared to the blank counterpart under high solar irradiance. The fabric also served as triboelectric nanogenerators to output continuous electrical power during rainy day, and the instantaneous power density can be up to 17.4   W   cm -2 for a single raindrop. Such complementary functions under different weather conditions combined the self-cleaning, environmentally friendly fabrication process enable the fabric to improve the energy efficiency of buildings located in cities near equatorial regions.