Abstract:This article describes an opal photonic crystal double‐network hydrogel with structural color and fluorescent responsiveness. The opal hydrogel is combining a double‐network hydrogel with polystyrene photonic crystals. The double‐network of the opal hydrogel is composed of nanocomposite hydrogel as the first network and ionic crosslinked hydrogel as the second network. The opal hydrogel exhibits structural color responsiveness to mental ions and organic solvents. In addition, the opal hydrogel shows fluorescent responsiveness to various mental ions. Moreover, the characteristics of nanocomposite and double‐network crosslinking ensure that the opal hydrogel has enough mechanical properties to undergo a long‐time or cycle visual detection. Photonic crystal hydrogels are widely used in the field of visual detection, based on the response of the structural color to external stimulus, such as pH, temperature, near‐infrared light, and so on. Here, we develop an opal photonic crystal hydrogel by combining polystyrene (PS) photonic crystals with a fluorescent double‐network hydrogel and focus on both its visual detection function and mechanical property. The opal hydrogel is composed of nanocomposite hydrogel as the first network and ionic crosslinked hydrogel as the second network. The introduction of PS photonic crystals and terbium ions endows the opal hydrogel distinctive structural colors and fluorescence, respectively. Because of volume changes, the structural color of the opal hydrogel selectively responses to metal ions and organic solvents. Attributing to the ion exchange interaction, the opal hydrogel exhibits fluorescent responses to various metal ions. Combining the responsiveness of structural color and fluorescence, a visual dual‐detection mode is set up, with better detection sensitivity and selectivity. Moreover, the characteristics of nanocomposite and double‐network crosslinking ensure the opal hydrogel enough mechanical properties to undergo cycle visual detection. Consequently, the fabricated opal hydrogel is promising for use in visual detection to multiple substances in single‐ or dual‐detection mode.

Color-oscillating Photonic Crystal Hydrogel.

Self-Oscillating Structural Polymer Gels

Highly Stretchable Photonic Crystal Hydrogels for a Sensitive Mechanochromic Sensor and Direct Ink Writing

Numerical Analysis of Structural Color for Photonic Crystal Hydrogel

Assembly of Nanometer-Sized Hollow Sphere Colloidal Crystals for Applications as Tunable Photonic Materials

Applications of inverse opal photonic crystal hydrogels in the preparation of acid–base color-changing materials

Agarose-Based Hydrogel Film with Embedded Oriented Photonic Nanochains for Sensing pH

Tough and Variable-Band-Gap Photonic Hydrogel Displaying Programmable Angle-Dependent Colors

An Environmental Perception Self‐Adaptive Discolorable Hydrogel Film toward Sensing and Display

Tough and Transparent Photonic Hydrogel Nanocomposites for Display, Sensing, and Actuation Applications

Opal photonic crystal double‐network hydrogel for visual detection through structural color and fluorescent responsiveness

Programmable hierarchical photonic crystal arrays activated by post-hydrolysis for highly sensitive biochemical pH sensing

An Angle-Independent Multi-Color Display Electro-Responsive Hydrogel Film

Visual Gustation via Regulable Elastic Photonic Crystals

2D Photonic Colloidal Liquid Crystals Composed of Self‐Assembled Rod‐Shaped Particles

Self-Healable Poly(vinyl alcohol) Photonic Crystal Hydrogel

A supramolecular liquid crystal/photonic crystal composite film with broad diffraction-wavelength shifts/fast response to pH changes

Tunable colloidal photonic crystals

Thermal Responsive Photonic Crystal with Function of Color Switch Based on Thermochromic System.

Structural Color Patterns by Electrohydrodynamic Jet Printed Photonic Crystals.

Cascade‐Microphase‐Separation‐Induced Hierarchical Photonic Structures in Supramolecular Organogel for Deformation‐Insensitive Structural Colors