Quantitative Dynamic Structural Color: Dual‐Band Hyperchromatic Sensing with Mesoporous Metamaterials

Abstract Dynamic and responsive structural color devices present promising opportunities for sensing and display technologies, with applications including point‐of‐care diagnostics, portable/wearable sensors, and low‐power full‐color displays. However, it is often difficult to generate a large and quantitatively meaningful colorimetric response especially toward weak stimuli. Here, dual‐band hyperchromatic structural color (HSC) is presented as an approach to overcome these challenges. Within this framework, a dual‐band mesoporous silicon rugate filter metamaterial co‐designed is experimentally realized for use with a dichromatic (red/green) illuminant. This is shown to enable an amplified red‐to‐green color transition with a substantially smaller wavelength shift than conventional structural color devices, Δλ ≪ |λ_G – λ_R|, as well as a direct quantitative mapping between the observed chromaticity and the input stimulus. This approach is experimentally demonstrated for the spatiotemporally resolved sensing of refractometric stimuli including small‐molecules and volatile organic compounds (VOCs) with a ≈0.08 nm equivalent spectral resolution. This approach is entirely scanning‐free, enabled by simple color imaging, and does not require advanced spectroscopic (hyperspectral) imaging or interferometric imaging to obtain meaningful quantitative and spatiotemporally resolved information pertaining to the sensor's attributes. These results demonstrate dual‐band HSC as a promising approach for realizing low‐cost and high performance dynamic structural color devices and sensors.