Similarly, refraction can sort out light in space following the Fresnel equation and created the spectrometer hundreds of years ago. [12,35] The interference of light is the main working mechanism of multilayer thin film filters. [36,37] Optical properties of microstructures (e.g., gratings) and device performance are usually sizedependent and thus bulky methods in the case of photovoltaics or display are not applicable for imaging, where the dimensions of the image sensor pixels are orders of magnitude smaller than solar cells and display units as shown in Figure 1b,d. It is not only interesting in science to study the fundamental physics in dispersive light manipulating in a scale down to a micron or sub-micron, but also extremely important to develop advanced spectral routing techniques with high-efficiency utilization of the full spectrum for applications such as high-resolution color imaging, [10,38] hyperspectral imaging, [41][42][43] on-chip spectroscopy, [13,[44][45][46][47][48] multi-channel data storage, [49][50][51] color computer-generated hologram, [52][53][54] light fidelity, [55] etc.Recently, nanophotonic spectral engineering technologies have being received tremendous attention and made significant progress. [13,[56][57][58][59][60][61][62] Plasmonic structures demonstrated a color encoding resolution as high as 100 000 dpi. [59] All dielectric metasurfaces presented structural colors with a gamut area of 181.5% of sRGB. [60] Colloid quantum dots were used to form a filter array for an on-chip spectrometer. [13] Sub-10 nm plasmonic resonance linewidth was demonstrated for optical sensing. [61] Reconfigurable spectral response was demonstrated by a combination of chemical and physical colors. [62] There are a number of published reviews on the topic of structural color techniques, which focus on the spectral filtering scheme. [63][64][65][66][67] The key issue of all these spectral filtering techniques is the same to pick out a certain wavelength band from a broadband light source, where efficiency and crosstalk are the main performance parameters. The color routing efficiency is associated with the brightness. The higher the efficiency, the brighter the image. For example, in the case of imaging and display, it is determined by the ratio of the received optical power in the target wavelength band over the whole incident power. Thus, in the case of a usual Bayer array with blue (R), green (G), blue (B) filters, [68] the maximum efficiency of the R pixel is considered to be only 25% (without consideration of unwanted crosstalk) because the light incident to other three pixels will not contribute to the R pixel. The spectral crosstalk is associated with the color purity. The lower the spectral crosstalk, the higher the Recent advances in low-dimensional materials and nanofabrication technologies have stimulated many breakthroughs in the field of nanophotonics such as metamaterials and plasmonics that provide efficient ways of light manipulation at a subwavelength scale. The representative structure-...