Color filters are indispensable in most color display applications. In most cases, they are chemical pigment-based filters, which produce a particular color by absorbing Its complementary color, and the absorbed energy is totally wasted. If the absorbed and wasted energy can be utilized, e.g., to generate electricity, innovative energy-efficient electronic media could be envisioned. Here we show photonic nanostructures incorporated with photovoltaics capable of producing desirable colors in the visible band and utilize the absorbed light to simultaneously generate electrical powers. In contrast to the traditional colorant-based filter, these devices offer great advantages for electro-optic applications.