Morphology-Evolving Colorimetric Thin-Film Sensor for Visual Detection of Hypochlorous Acid

Hypochlorous acid (HClO) is widely used as a low-cost and effective disinfectant; however, its instability under heat and light necessitates simple and reliable monitoring methods. Herein, we report a morphology-evolving thin-film colorimetric sensor that enables intuitive visual detection of HClO through simultaneous color and pattern transitions. The sensor integrates two polymer films with distinct charge-state response behaviors, patterned in X-shaped and circular geometries on a single substrate. Upon exposure to HClO, chlorine-induced modification of amide and amine groups alters the surface charge states, thereby switching the adsorption preference for anionic and cationic dyes. This mechanism results in a pronounced transformation from a blue X-shaped motif to a red circular pattern, enabling direct visual discrimination between different HClO concentrations. Quantitative analysis of RGB values confirmed semi-quantitative detection in the sub-millimolar to millimolar range. The sensor exhibited a linear response in the range of 0–3 mM (R2 > 0.979) with a limit of detection of 0.103 mM. The sensor further demonstrated practical applicability by tracking photodecomposition of a commercial disinfectant. This work demonstrates pattern-coupled colorimetric sensing as a straightforward, user-friendly approach for HClO monitoring.