Introduction

Chromium and its compounds are widely used in many fields, such as alloy, dyestuff, leather tanning, electroplating, and catalysis1,2,3,4,5, which causes wide pollution of toxic chromium in soil and water environments6,7. The recommended value of total chromium in drinking water is 0.96 μM (0.05 mg/L) by the World Health Organization (WHO)8. However, chromium mainly exists in trivalent (Cr(III)) and hexavalent (Cr(VI)), while the latter is about 100 times more toxic than the former and is on the list of Class I carcinogens9. Therefore, the determination of total chromium can not reveal the actual impacts on health and the environment, while the assay of Cr(VI) is meaningful and crucial. Various strategies have been developed for Cr(VI) detection, including spectrophotometry10, inductively coupled plasma-atomic emission spectrometry11, inductively coupled plasma mass spectrometry12, atomic absorption spectroscopy13, electrochemistry14, and fluorescence15,16,17,18,19. Though these methods have high sensitivity and selectivity, the complex sample pretreatment, demand of expensive equipment, tedious preparation processes, as well as time-consuming process limit their further applications. Hence, a new simple, cheap, and fast method for Cr(VI) detection is still anticipated.

Herein, we present simple chitosan (CS) inverse opal particles (IOPs) for Cr(VI) assay (Fig. 1). CS is a natural polymer derived from chitin with abundant amino groups and is widely used in the biomedical field20,21,22,23,24,25,26,27,28,29,30,31. Interestingly, it shows fluorescence under the irradiation of excitation light32,33,34,35,36,37, and it maintains after covalently binding with glutaraldehyde (GA)38,39,40, and the fluorescence can be quenched by Cr(VI). This phenomenon might be attributed to the fact that the Cr(VI) can bind the CS and quench the fluorophores of the nonconjugated CS40, and thus, this mechanism could be a possible method for Cr(VI) detection. Compared with other reported Cr(VI) assay strategies, CS-based fluorescent detection has the advantages of simple assay operation and the abundant source from the nature of CS, which results in low-cost. Nevertheless, the low crosslinking degree or bulk structure of the CS-GA leads to nonuniform and incomplete reactions as well as significant demand for raw materials and samples. In contrast, inverse opals are materials with three-dimensional (3D) macropores41,42,43,44,45,46,47,48. They can be easily acquired by replicating 3D colloidal crystal templates and inherit the ordered microstructure and photonic properties49,50,51,52,53,54. Moreover, when inverse opals are composed of responsive hydrogels, they can respond to corresponding stimuli and be regarded as biosensors. Particularly, IOPs are extremely popular because of their high homogeneity, moveability, controllability, smaller volume, and larger specific surface area55,56,57,58. Although various IOPs have been prepared for biosensing59,60,61,62,63, seldom of them could assay Cr(VI) level in the water, and CS IOPs for Cr(VI) sensing via simple fluorescence quenching have not been reported yet.

Fig. 1: Schematic diagram.
figure 1

The fabrication of CS IOPs and the mechanism for Cr(VI) detection.

In this work, we presented CS IOPs by simply replicating the silica colloidal crystal beads (SCCBs) generated from microfluidics. Due to the precise control of the microfluidic platform, the SCCBs displayed uniform size, and IOPs inherited it. Besides, the CS component endowed IOPs with a fluorescence feature, which was stable in wide pH and temperature ranges for a long time. Moreover, benefiting from the fluorescence enhancement of the photonic structure, the IOPs showed stronger fluorescent intensity than pure CS particles of the same size. When the IOPs were immersed in the Cr(VI) solution, the fluorescence could be quenched by Cr(VI) within several minutes, while it was relatively stable in the solution of other ions. The results showed that the quenching ratio increased linearly in the concentration range of Cr(VI) of 1–30 μM and has a limit of detection (LOD) of 0.055 μM. The practical application in detecting the Cr(VI) within tap water was also performed by the standard addition method. With these features, the developed CS IOPs are promising to be a simple and cheap platform for the fast, sensitive, and specific Cr(VI) detection.

Results and discussion

Design and characterization of CS IOPs

In a typical experiment, SCCBs were prepared in advance and used as templates for IOPs. Briefly, the silica nanoparticle droplets generated from a microfluidic platform were heated in an oven to evaporate water and induce the self-assembling of nanoparticles to form SCCBs. Benefitting from the precise controllability of fluids by the microfluidic platform, the SCCBs displayed uniform size64,65,66,67,68,69. The SCCBs were calcined after washing from silicon oil to acquire better mechanical strength. Then the SCCBs were immersed in CS pregel to allow the pregel to permeate into the nanovoids within the SCCBs. After polymerization, the SCCB/CS hybrid particles were obtained, and the silica nanoparticles within the hybrid particles could be removed by HF and thus, IOPs were prepared. Nevertheless, the pure CS IOPs were highly transparent in water and hard to be observed (Supplementary Fig. 1a). To address this problem, polyethylene glycol diacrylate (PEGDA) was doped into the pregel and used in the following experiments (Supplementary Fig. 1b).

To observe the microstructure change of the particles during the fabrication process, a scanning electron microscope (SEM) was applied. As shown in Fig. 2a, b and Supplementary Fig. 2a, an SCCB exhibited an excellent spherical shape, and the nanoparticles on the surface of the obtained SCCBs assembled into a closely packed form, and this structure extended into the inside. Meanwhile, there were many nanovoids among the nanoparticles, which could be filled with CS solution. When the solution was gelled, the voids were filled with CS hydrogel, and SCCB/CS hybrid particles were realized (Fig. 2c, d). After the removal of the silica nanoparticles, CS IOPs were prepared. However, the hydrogel network’s strength was relatively weak and often collapsed during drying (Supplementary Fig. 2b). Therefore, a pregel with a high crosslinker concentration was employed to reveal the microstructure of IOPs. As expected, the IOP had an orderly inverse opal microstructure complementary to the SCCB (Fig. 2e, f).

Fig. 2: SEM characterization of SCCBs and IOPs.
figure 2

The surface and inside microstructure of an SCCB (a, b), an SCCB/CS hybrid particle (c, d), and an IOP particle (e, f). Scale bars are 200 nm in a, c, e, and 1 μm in b, d, f.

It is worth noting that the ordered microstructure endowed the SCCBs with structural color properties, which result from the photonic bandgap (PBG). As described in many works before, the reflective peak λ of SCCB was mainly determined by the refractive index and lattice spacing, and the value can be approximately estimated as70,71:

$${\rm{\lambda }}=1.633d{n}_{{{\mathrm{average}}}}$$
(1)

where d and naverage refer to the diameter of the nanoparticles and the average refractive index, respectively. Since the average refractive index is the same when the raw materials and packing forms are constant, the color of SCCBs is mainly dependent on d, i.e., by choosing nanoparticles of different sizes, SCCBs with various colors can be prepared. Moreover, the hybrid particles and IOPs derived from SCCBs inherited the structural colors that depended on the size of the nanoparticles of the SCCB templates (Fig. 3; Supplementary Figs. 3 and 4). The hybrid particles generally had a slight red-shifted reflective peak than SCCBs because the filled hydrogel had a higher refractive index than water. In contrast, the CS IOPs showed a sharp blue shift, which could be attributed to replacing high-refractive index silica with low-refractive-index water.

Fig. 3: Optical characterization of the particles.
figure 3

ac The image of SCCBs with reflective peaks at 660 nm (a) and their corresponding SCCB/CS hybrid particles (b) and CS IOPs (c). d The reflective spectra of the particles in ac.

Optimization of hydrogel concentration ratio

Before using CS IOPs for Cr(VI) detection, we optimized the concentrations of CS and PEGDA. As shown in Supplementary Fig. 5, the fluorescence intensity of CS IOPs enhanced with the increase of CS concentration, while it was weakened with the rise of PEGDA concentration. These results could be attributed to the fact that the fluorescence was emitted from CS, the more CS there were, the more fluorescence there was. Meanwhile, PEGDA might hinder the interaction of the CS network and affect the fluorescence generation mechanism. However, the CS solution with higher concentrations might dissolve insufficiently and inhomogeneously, while lower PEGDA concentration led to increased transparency and poor mechanical strength. Therefore, we employed 4% (w/v) CS and 10% (v/v) PEGDA as the compromised concentration to prepare pregel for the subsequent experiments.

CS IOPs for Cr(VI) detection

To verify the Cr(VI) detection capability, CS IOPs were immersed in Cr(VI) solution with different concentrations, respectively. As shown in Fig. 4a, though the CS IOPs displayed inherent fluorescence in all the solutions, the intensity was weakened with the increasing Cr(VI) concentration within several minutes (Supplementary Fig. 6), which could be ascribed to the Cr(VI)’s quenching effect. The further quantitative fluorescence intensity change was shown in Fig. 4b, c. It could be found that the pure PEGDA IOPs showed no fluorescence in all kinds of Cr(VI) solutions. In contrast, the CS IOPs exhibited fluorescence quenching to Cr(VI) with concentrations from 1 to 10,000 mΜ. In the range from 0 to 30 μM, the results showed excellent linear change (R2 = 0.99617, measurement uncertainty 0.07676) and a LOD of 0.055 μM. Compared with other strategies reported in Table 1, such as photoelectrochemistry, voltammetry, colorimetry, and fluorescence, the presented CS IOPs had an acceptable linear range and the lowest LOD among the fluorescence methods. Coupled with the more straightforward and less expensive operation and the short time, the presented CS IOPs are possible to be a reliable alternative.

Fig. 4: Cr(VI) detection capability of CS IOPs.
figure 4

a The fluorescent image of CS IOPs in Cr(VI) solution with concentrations of 0, 3, 20, 30, 50 300, 1000, and 10,000 μM (iviii), respectively. b The relative fluorescence quenching of CS IOPs and PEGDA IOPs in Cr(VI) solution with various concentrations, respectively. c The relative fluorescence quenching of CS IOPs in Cr(VI) solution with concentrations of 0–30 μM and the corresponding linear fitting curve. The number of replications in each group was 3, and the error bars were standard deviations.

Table 1 Overview of recently reported Cr(VI) sensors.

Theoretically, the CS hydrogel particles without inverse opal structure could also be used for Cr(VI) detection. However, it was hard to generate GA-crosslinked CS particles with uniform size and shape due to the fast gelation time. Although the stirring method could form some CS particles, the poor size dispersion and shape consistency might cause massive variation in the results (Supplementary Fig. 7). In addition, the CS particles displayed lower fluorescence intensity than CS IOP particles replicated from the green SCCBs of the same size (Supplementary Fig. 8a). However, compared with CS particles, there was less CS content in the CS IOPs because the inverse opal structure only has a duty ratio of 26%. This result might be attributed to the fluorescence-emission enhancement effect caused by the inverse opal structure72,73. The PBG edge of CS IOPs was close to the emission band of CS fluorescence and increased the intensity remarkably. According to the particles’ fluorescence intensity and CS content, the inverse opal structure enhanced the fluorescence intensity by about 580%. More interestingly, owing to the ordered macropore structure, CS IOPs demonstrated higher sensitivity than CS particles (Supplementary Fig. 8b). These features indicated that the microstructure of CS IOP played an essential role in Cr(VI) assay. It is worth noting that the practical detecting conditions are often complex, the temperature, pH, and impurity ions content are quite different in the samples under diverse working environments. To investigate the fluorescence stability of CS IOPs, we treated the CS IOPs in various conditions. As shown in Supplementary Fig. 9a, the CS IOPs kept relatively stable fluorescence intensity when the pH value changed from 3 to 9, indicating they were useful in most water samples. In contrast, CS IOPs demonstrated a little weakened fluorescence intensity when the temperature was higher than 40 °C (Supplementary Fig. 9b). This might have a negligible effect on detection because most water samples from the natural environment were lower than 40 °C. In addition, the storage time of CS IOPs was also studied, which showed little influence on the fluorescence intensity (Supplementary Fig. 9c). Although the repeatability was relatively poor (Supplementary Fig. 10), it could be overcome by the high yield (3*104 droplets per hour). These results indicated that the CS IOPs are stable and useful in most work conditions.

The specificity and anti-interference properties of CS IOPs were also confirmed. Typically, the CS IOPs were incubated in a 1 mM solution of various ions for 10 min, and then assaying their fluorescence intensity. To enable a visual comparison, the fluorescence intensity of CS IOPs before and after incubation was set as F0 and F, respectively. As shown in Fig. 5a, c, the interferent ions caused fluorescence quenching smaller than 4%, while Cr(VI) weakened the fluorescence intensity by more than 80% at the same concentration (Fig. 4b). We further investigated the interference effects of these ions in the solution containing Cr(VI) by adding 1 mM interferent ions into 20 μM Cr(VI). As shown in Fig. 5b, d, the CS IOPs in all the groups exhibited remarkable fluorescence quenching. The deviations caused by various interferent ions were less than 5%, even though the concentrations of interferent ions were 50-fold higher than Cr(VI). It was noted that ethylenediamine tetraacetic acid disodium (EDTA·2Na) was employed as the masking reagent in the detection. When it was absent in the solution, the interferent metal cations strongly influenced the fluorescence intensity, as shown in Supplementary Fig. 10. This might be attributed to the added EDTA that chelated the interferent metal cations, which could bind with the CS and cause unexpected fluorescence changes.

Fig. 5: Anti-interference performance of CS IOPs.
figure 5

a The fluorescence intensity changes of CS IOPs in different interferent ion solutions. b The fluorescence intensity changes of CS IOPs in 20 μM Cr(VI) solution with 1 mM interferent ions. c, d The deviations caused by the interferent ions in a and b. The number of replications in each group was 3, and the error bars were standard deviations.

Application of CS IOPs in real samples

The practical application of CS IOPs was investigated by assaying the Cr(VI) content in tap water by spiking standard samples. The fluorescence intensity of CS IOPs was analyzed and transformed into Cr(VI) concentrations. As shown in Fig. 6, Tables 2 and 3, the Cr(VI) concentrations of tap water and pond water were determined as 0.066 μM, and 0.186 μM, respectively, and the CS IOPs had good recoveries of 86–106% for tap water and 99.7–107.3% for pond water, respectively, indicating the developed CS IOPs were reliable in practical Cr(VI) analysis.

Fig. 6: The practical application of CS IOPs in real samples.
figure 6

The tap water (a) and pond water (b) were accomplished by spiking standard samples. The number of replications in each group was 3, and the error bars were standard deviations.

Table 2 Detecting Cr(VI) in tap water using CS IOPs.
Table 3 Detecting Cr(VI) in pond water using CS IOPs.

In summary, we developed the novel CS IOPs for Cr(VI) detection based on the inherent fluorescent property of CS. The CS IOPs had uniform shape and size, and the unique microstructure enhanced the fluorescence-emission capability of CS. When immersed in the solution, they could assay Cr(VI) concentration in a range of 0–10,000 μM with high sensitivity and specificity and had a LOD of 0.055 μM at the 0–30 μM linear range. The applicability of CS IOPs was also confirmed by assaying tap water and pond water. We believe this work can provide a simple, low-cost, and time-saving approach for Cr(VI) determination and inspire researchers that solve challenges by simple methods and common materials.

Although the CS IOPs have distinct advantages, some aspects of the detection system are worth improving. First, the linear range of current CS IOPs is relatively small, it’s better to acquire a larger range for wide application scenarios. Second, the sample solutions should be pretreated before detecting by the CS IOPs, which increases the workload. Third, the CS IOPs can only recognize Cr(VI) with high sensitivity and specificity, while there are many more types of heavy metal ions in the environment that should be monitored. With these subsequent efforts, the CS IOPs are expected to open a new route in environment monitoring.

Methods

Materials

Chitosan (CS, deacetylation degree 80–95%, 50–800 mPa·s), ethylenediamine tetraacetic acid disodium (EDTA·2Na), Na2CrO4, Na3PO4, NaNO2, Cr(NO3)3, Ce(NO3)3, Fe(NO3)3, Hg(NO3)2, Al(NO3)3, Mg(NO3)2, Co(NO3)2, Mn(NO3)2, Ca(NO3)2, Cu(NO3)2, Cd(NO3)2, and Zn(NO3)2 were bought from Shanghai Sinopharm Co., Ltd. 2-hydroxy-2-methylpropiophenone photoinitiator (HMPP) and poly (ethylene glycol) diacrylate (PEGDA, Mw 700) were obtained from Sigma-Aldrich. Glutaraldehyde (GA), hydrofluoric acid (HF, 40%, v/v), Paraffin liquid, and acetic acid were acquired from Macklin. All the reagents were analytical grade or higher and used as received. Water was purified and with a resistivity higher than 18MΩ·cm.

Preparation of SCCBs

SiO2 nanoparticles were dispersed in water to form a solution (20%, w/v), which was utilized as the inner phase (1 mL/h) and cut into droplets by silicon oil (500 cSt, 6 mL/h) using a single-emulsion microfluidic platform. The droplets were collected and dried in an oven (75 °C) overnight. After that, the dried SCCBs were washed with n-hexane to remove silicon oil. Finally, the beads were calcined by a muffle furnace at 800 °C for 4 h to enhance mechanical strength.

Fabrication of chitosan inverse opal particles (CS IOPs)

To fabricate CS IOPs, the SCCBs were immersed in the solution containing CS, PEGDA, and HMPP (1%) for 6 h to ensure the solution infiltrated into the nanovoids of SCCBs. After that, the system was polymerized by ultraviolet (UV) light. Then, the SCCB/CS hybrid particles were stripped manually and treated with GA (5%, v/v) for 4 h to crosslink the CS. Finally, HF was employed to remove the SCCBs templates and obtain the CS IOPs. By changing the concentration of CS (1, 2, 3, and 4%, w/v) and PEGDA (0, 5, 10, 15, and 20%, v/v), a series of CS IOPs were developed. Meanwhile, the pure CS particles were prepared by dropwise adding the fresh mixing solution of CS (800 μL, 4%, w/v) and GA (200 μL, 5%, v/v) into the liquid paraffin containing Span 80 (10%, w/v) and constantly stirring (800 rpm) at 50 °C.

Detection of Cr(VI) using CS IOPs

CS IOPs were employed and pictured under a fluorescence microscope before detection. Then, they were immersed in the Na2CrO4 solution (0, 1, 3, 5, 10, 20, 30, 50, 100, 300, 1000, 3000, and 10,000 µM, respectively) containing EDTA (2 mM) for 10 min. After that, the CS IOPs were washed gently and pictured under a fluorescence microscope again. The average fluorescence intensities of CS IOPs before and after incubation were analyzed by Image J.

The specificity property of CS IOPs

CS IOPs were employed and pictured under a fluorescence microscope before detection. Then, they were immersed in different ion solutions with a concentration of 1 mM containing EDTA (2 mM) for 10 min. After that, the CS IOPs were washed gently and pictured under a fluorescence microscope again. The average fluorescence intensities of CS IOPs before and after incubation were analyzed by Image J.

The anti-interference property of CS IOPs

CS IOPs were employed and pictured under a fluorescence microscope before detection. Then, they were immersed in Na2CrO4 solution (20 µM) with different interferent ion solutions (1 mM) containing EDTA (2 mM) for 10 min. After that, the CS IOPs were washed gently and pictured under a fluorescence microscope again. The average fluorescence intensities of CS IOPs before and after incubation were analyzed by Image J.

Detection of Cr(VI) in tap water using CS IOPs

The Cr(VI) concentration in tap water was determined by the spiking method. CS IOPs were employed and pictured under a fluorescence microscope before detection. Then, they were immersed in the tap water containing different added concentrations of Na2CrO4 solution (0, 5, 10, 15, and 20 µM, respectively) containing EDTA (2 mM) for 10 min. After that, the CS IOPs were washed gently and pictured under a fluorescence microscope again. The average fluorescence intensities of CS IOPs before and after incubation were analyzed by Image J.