 Open Access Article
 Open Access Article
Tianchen Weiabc, 
Xiaowei Zhuabc, 
Xueni Houabc, 
Yijiang Liabc, 
Aoqing Dongabc, 
Xinying Jiangabc, 
Yu Huangabc, 
Xue Dong*abc, 
Xiangrong Wangabc, 
Guoqiang Chen abc and 
Tieling Xing
abc and 
Tieling Xing *abc
*abc
aCollege of Textile and Clothing Engineering, Soochow University, Suzhou 215123, China. E-mail: dongxue@suda.edu.cn; xingtieling@suda.edu.cn;   Tel: +86-512-6706-1175
bJiangsu Engineering Research Center of Textile Dyeing and Printing for Energy Conservation, Discharge Reduction and Cleaner Production (ERC), Soochow University, Suzhou 215123, China
cNational Textile and Apparel Council Key Laboratory of Natural Dyes, Soochow University, Suzhou 215123, China
First published on 27th January 2022
Caffeic acid (CA), as a natural plant-derived polyphenol, has been widely used in surface coating technology in recent years due to its excellent properties. In this work, caffeic acid was introduced into the preparation of photonic band gap materials. By controlling the variables, a reasonable preparation method of polystyrene (PS) @polycaffeic (PCA)–Cu(II) core–shell microspheres was achieved: 1 mmol L−1 cupric chloride anhydrous (CuCl2), 3 mmol L−1 sodium perborate tetrahydrate (NaBO3·4H2O), 2 mmol L−1 CA and 2 g L−1 polystyrene (PS) were reacted at 50 °C for 10 min to prepare PS@PCA–Cu(II) core–shell microspheres through rapid oxidative polymerization of CA coated PS of different particle diameters. The amorphous photonic crystal structure was self-assembled through thermal assisted-gravity sedimentation, resulting in structural color nanomaterials with soft and uniform color, no angle dependence, stable mechanical fastness and excellent UV resistance.
The colloidal particle self-assembly method,7–9 which uses colloidal microspheres with good monodispersity (such as silica and PS microspheres, etc.) as the structural unit to assemble the three-dimensional photonic crystal structure, is the most commonly used method for preparing photonic crystals. This method has the advantages of simple operation, low equipment investment requirements and easy preparation of large-area crystals. With the in-depth study on the synthesis of monodisperse colloidal microspheres, it was found that pure inorganic or polymer colloidal microspheres cannot meet the demand in some applications. For example, in the coloring of textiles, the incoherent scattered light masks the structural color and causes the fabric to turn white.10 At the same time, the inherent iridescent effect of the photonic crystal structure color material also limits its application in the field of color rendering to a certain extent. Designing and constructing composite nanomaterials with special properties, function and stability based on requirements is a common method to broaden the application of structural colors.
Phenols and polyphenols are widely distributed in plant tissues, which link to diverse biological functions such as chemical defense, pigmentation, structural support and prevention of radiation damage.11 Compared with synthetic polydopamine (PDA), they have lower cost and excellent usability.12,13 CA is a natural plant-derived polyphenol, which has broad-spectrum antibacterial, antioxidant, UV resistance and other biological activities and functions.14,15 In the chemical structure of CA, the catechol structure similar to dopamine makes it exhibit strong interfacial forces and can directly adhere to any substrate surface,16 and has been widely used in surface coating technology in recent years. To solve the problem of the long time and low efficiency of caffeic acid oxidation and deposition, Yang et al.17 used copper sulfate (CuSO4) as an oxidant and hydrogen peroxide (H2O2) as a trigger to promote the rapid oxidation and deposition of PCA, and obtained a uniform, stable and multifunctional dark brown PCA surface coating. Research shows that bright structural colors can be obtained by assembling polystyrene particles coated with a polydopamine shell and the order of arrangement differs depending on the surface roughness.18 The PCA colored coating was introduced into the preparation of core–shell structured composite nano-colloidal microspheres. In addition, studies have shown that19,20 NaBO3·4H2O can slowly release H2O2 after being dissolved in water, which can not only replace H2O2 for oxidation, but also overcome the shortcomings of poor stability, explosiveness, high toxicity, complex operation, and high cost. Moreover, Cu2+ could coordinate and complex with multiple ortho phenolic hydroxyl of PCA to form a stable chelate,11,17 which can improve the crosslinking degree of the system. PCA was self-assembled and deposited on the surface of the PS core particles to form a dark brown shell, which can absorb the influence of incoherent scattered light and increase the contrast of the photonic crystals.21,22 The surface shell of polydopamine-coated polystyrene core–shell nanoparticles (PS@PDA NPs) was rough and had a certain thickness, which could thermal-assisted self-assemble amorphous photonic crystal structure and eliminate the iridescent effect. However, the fabrication of PS@PDA NPs was time consumed.
In this work, we proposed a method to prepare PS@PCA–Cu(II) core–shell microspheres and thermal-assisted self-assemble amorphous photonic crystals to fabricate non-angle-dependent structure colored cotton fabric. Cu2+ was used as an oxidant and NaBO3·4H2O as a trigger to promote the rapid oxidative polymerization of CA, and PCA was coated on the surface of PS with good monodispersity to form PS@PCA–Cu(II) core–shell structure colloidal microspheres. The CA concentration, NaBO3·4H2O concentration, Cu2+ concentration, reaction time and temperature were investigated to obtain the optimum preparation process. The surface morphology, color performance, fastness performance and anti-ultraviolet performance of structural colored cotton fabrics prepared with six different PS@PCA–Cu(II) particle sizes were characterized. The obtained structural color cotton fabric has soft and uniform color, no angle dependence, stable mechanical fastness and excellent anti-ultraviolet function. The preparation method has the advantages of simple operation, environmental friendness and excellent performance, which provides a new idea for the preparation of structural color materials.
|  | ||
| Fig. 1 Preparation of biomimetic non-iridescent structural color based on polystyrene–polycaffeic acid core–shell nanospheres. | ||
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, and the concentration ratio of Cu2+ to CA was 2
2, and the concentration ratio of Cu2+ to CA was 2![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 1, the effect of CA concentrations on color rendering were discussed. The experimental results are shown in Fig. 2.
1, the effect of CA concentrations on color rendering were discussed. The experimental results are shown in Fig. 2.
The dark brown PCA–Cu(II) film was used as a black absorber to coat the PS to eliminate the influence of incoherent light, so the dark brown film has a great influence on the color rendering effect. As shown in Fig. 2, when the CA concentration is 0.5 mmol L−1, the amount of caffeic acid involved in oxidative polymerization and complexation is less, the ability to eliminate incoherent light interference is weak, and the structural color fabric shows grey color. When the CA concentration is greater than or equal to 4 mmol L−1, the degree of polymerization of PCA is higher, and the color of the PCA–Cu(II) film is dark enough to cover the structural color of the three-dimensional photonic crystal structure. As shown in Fig. 2(d–f), the total reflection curve has no obvious reflection peak and the overall reflectivity is low, the optical image appears black, and the color rendering effect is poor. When the CA concentration is 1 mmol L−1 and 2 mmol L−1, the color rendering effect is more suitable.
As shown in Fig. 2, when the CA concentration increases from 1 mmol L−1 to 2 mmol L−1, the hue of the structural color changes from blue to green, and the reflection peak red shifts as the CA concentration increases, which conforms to the modified Bragg diffraction equation:25
| mλ = 1.633Dn | (1) | 
It can be seen from the Bragg diffraction equation that when other factors remain unchanged, the structural color of the photonic crystal (that is, the wavelength of visible light reflected by the photonic crystal) is related to the particle size of the self-assembly structural unit (PS@PCA–Cu2+ colloidal microspheres). As the particle size increases, λmax increases, that is, the photonic band gap moves to the long-wave direction, and the structural color redshift occurs. Therefore, with the increase of CA concentration, the PCA coating layer becomes thicker, resulting in the increase of the particle size of PS@PCA–Cu(II) colloidal microspheres, the increase of λmax, and the red shift of the structural color. When the concentration of CA increased from 1 mmol L−1 to 2 mmol L−1, the hue changed from blue to green.
Theoretically, the structural hue of PS with same particle size can be changed within a certain range by controlling the CA concentration. However, in the actual reaction, the influence of incoherent light is difficult to eliminate when the CA concentration is low, and the fabric is whitened. When the CA concentration is higher, on one hand, the thickness of the coating layer increases, and the structural color red shifts further. On the other hand, the dark brown of the PCA coating layer is thick to cover the structural color, and the fabric appears black. Accordingly, it is not feasible to obtain the continuously variable structural hue by controlling the CA concentration, and only a suitable concentration of CA can be used to prepare the structural color.
In summary, 1 mmol L−1 and 2 mmol L−1 are the more appropriate dosages of CA when the PS particle size was 196 nm. Under these conditions, the next step of process was explored.
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 1, the influence of concentration ratios of NaBO3·4H2O and CA on the structured color were discussed and the results are shown in Fig. 3 and 4.
1, the influence of concentration ratios of NaBO3·4H2O and CA on the structured color were discussed and the results are shown in Fig. 3 and 4.
The oxidation–reduction potentials of CA and O2 are very similar,26 so the rate of oxidation and deposition of CA due to dissolved oxygen in the air atmosphere is very slow. The research of Yang et al.17 showed that no color change was observed after 12 hours of CA solution or H2O2/CA alone. However, the transparent yellow CA/Cu2+ solution slowly turned dark green after 12 hours in the air. While, the color of CA/Cu2+ solution with Cu2+ and dissolved oxygen as the oxidant and H2O2 as the trigger quickly changed from transparent yellow to dark brown. This different phenomenon was attributed to the reactive oxygen species (ROS) formation from H2O2 decomposition under Cu2+ oxidation, which induced the rapid semiquinone conversion of CA monomers. Therefore, the performance and concentration of the triggering agent have a great influence on the color rendering effect of structural color.
In this work, NaBO3·4H2O was chosen as the triggering agent instead of H2O2 because NaBO3·4H2O is unstable and can slowly release H2O2 when dissolved in water (the sodium perborate anion ring structure is shown in Fig. 5). NaBO3·4H2O can replace H2O2 to play the oxidation role and make the caffeic acid uniformly polymerize, and prepare PCA–Cu(II) coating with moderate thickness and good uniformity. Meanwhile, it can overcome the shortcomings of hydrogen peroxide, such as poor stability, explosiveness, high toxicity, complicated operation and high cost.19,20,27
Based on the structural color change trend of the fabric in Fig. 3 and 4, when the concentration ratio of NaBO3·4H2O to CA increases, the fabric gradually darkens so that no structural color can be observed. However, when NaBO3·4H2O increases to excess, the reflectance curve shifts upward and the maximum reflection peak wavelength increases, the fabric turns white and the structural color occurs red shift (Fig. 3(e) and 4(f)), which is related to the oxidation mechanism of NaBO3·4H2O. When the concentration ratio of NaBO3·4H2O to CA is relatively low, as the ratio increases, the degree of PCA polymerization increases, the PCA coating layer becomes thicker, the PS@PCA particle size increases, so the reflectance curve shifts downward and the structural color red shifts; as the concentration of NaBO3·4H2O increases, a large number of phenol groups are oxidized to a quinone structure, which reduces the proportion of hydroxyl groups chelated with Cu2+ in PCA, and the color of PS@PCA microspheres becomes lighter, which makes the color of the fabric white and cause waste of reagents. Fig. 4 fully reflects the phenomenon of disordered structural color change when NaBO3·4H2O is relatively excessive. The concentration ratio of NaBO3·4H2O and CA should be controlled to prevent excess. Therefore, from the perspective of resource saving and color rendering effect, 2 mmol L−1 CA and 3 mmol L−1 NaBO3·4H2O should be selected for the next process exploration.
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, the influence of different Cu2+ concentration on the structured color was investigated, and the results are shown in Fig. 6.
2, the influence of different Cu2+ concentration on the structured color was investigated, and the results are shown in Fig. 6.
The introduction of Cu2+ has three main functions: first, it can be used as an oxidant to promote the self-polymerization of CA; second, it can promote the decomposition of H2O2, so that the decomposition of NaBO3·4H2O into H2O2 moves in the positive direction, enhancing the oxidation ability and improving the degree of polymerization of PCA; thirdly, it can form a coordination complex with PCA and coat PS,17 which absorbs the influence of incoherent scattered light in the structural color. Therefore, the concentration ratio of Cu2+ and CA has a great influence on the color rendering effect of the structural color.
As shown in Fig. 6, when the concentration ratio of Cu2+ to CA is 1![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 4, less Cu2+ is oxidized and complexed with PCA, and the fabric is white. When the concentration ratio of Cu2+ to CA is greater than or equal to 0.5, it is enough to present a soft structural color, and the reflectivity curve changes little with the increase of Cu2+ dosage. Accordingly, the concentration ratio with narrower half-peak width, bright color, and the least amount of metal ions was selected for the next process exploration, that is, the concentration ratio of Cu2+ to CA was 1
4, less Cu2+ is oxidized and complexed with PCA, and the fabric is white. When the concentration ratio of Cu2+ to CA is greater than or equal to 0.5, it is enough to present a soft structural color, and the reflectivity curve changes little with the increase of Cu2+ dosage. Accordingly, the concentration ratio with narrower half-peak width, bright color, and the least amount of metal ions was selected for the next process exploration, that is, the concentration ratio of Cu2+ to CA was 1![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, 2 mmol L−1 CA and 1 mmol L−1 Cu2+.
2, 2 mmol L−1 CA and 1 mmol L−1 Cu2+.
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, the Cu2+ to CA concentration ratio was 1
2, the Cu2+ to CA concentration ratio was 1![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, the influence of different reaction temperature on the structured color was discussed and the experimental results are shown in Fig. 7.
2, the influence of different reaction temperature on the structured color was discussed and the experimental results are shown in Fig. 7.
|  | ||
| Fig. 7 The corresponding total reflectance spectra and images of structurally colored fabrics reacted at 30 °C, 40 °C, 50 °C, 60 °C, 70 °C and 80 °C. | ||
Temperature has certain effects in the reaction system of NaBO3·4H2O decomposition to H2O2, CA oxidative polymerization of PCA, the formation of dark brown coordinated complex with PCA and Cu2+ and coating of PS microspheres. The higher the temperature, the higher the reaction activity, and the greater the degree of response.
As shown in Fig. 7, under a temperature range of 30 °C to 80 °C and keeping other reaction conditions constant, the reflectance curve of the obtained structural color fabric is approximately a linear change. From the perspective of energy saving and color rendering effect, 50 °C was chosen as the optimum reaction temperature, with which the narrowest reflection peak, the most suitable reflectivity, and the most vivid color of fabric can be achieved.
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, the Cu2+ to CA concentration ratio was 1
2, the Cu2+ to CA concentration ratio was 1![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, the influence of different reaction temperature on the structured color were investigated. The experimental results are shown in Fig. 8.
2, the influence of different reaction temperature on the structured color were investigated. The experimental results are shown in Fig. 8.
|  | ||
| Fig. 8 The corresponding total reflectance spectra and images of structurally colored fabrics with reaction time of 3 min, 5 min, 10 min, 15 min, 20 min and 25 min. | ||
As shown in Fig. 8, when the reaction time is less than or equal to 5 min, the degree of polymerization of PCA is low and the color of fabric is light because the reaction time is too short and the reaction is incomplete, leading to weak adhesion and insufficient coat ability to PS. Consequently, the ability to absorb incoherent scattered light and ambient light is weak, the fabric is white, and the coating is uneven. When the reaction time is greater than or equal to 10 minutes, the reaction is sufficient and uniform structural color fabric can be obtained. With the increase of reaction time, the color of the PCA–Cu2+ shell becomes darker, thus covering the structural color and decreasing the reflection. From the perspective of color vividness and energy saving, 10 min was chosen as the optimum reaction time.
![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2, and the Cu2+ and CA concentration ratio is 1
2, and the Cu2+ and CA concentration ratio is 1![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) :
:![[thin space (1/6-em)]](https://www.rsc.org/images/entities/char_2009.gif) 2. Combining the optical picture of Fig. 9 and the color measurement data in Fig. 10, it can be known that this process effectively eliminates the influence of incoherent scattered light and ambient light accompanying the color development of the amorphous photonic crystal structure. The PS@PCA–Cu(II) modified cotton fabric presents soft and uniform structural color.
2. Combining the optical picture of Fig. 9 and the color measurement data in Fig. 10, it can be known that this process effectively eliminates the influence of incoherent scattered light and ambient light accompanying the color development of the amorphous photonic crystal structure. The PS@PCA–Cu(II) modified cotton fabric presents soft and uniform structural color.
Generally, photonic crystals utilize PS, polymethyl methacrylate (PMMA) and SiO2 microspheres to produce structural color. The microspheres have a smooth surface (Fig. 11(a1)). Under the action of system entropy, they assemble regular and long-range orderly periodic arrangements as shown in Fig. 11(a2). The structure of this periodic arrangement is anisotropic, and the color produced can change with the viewing angle, which limits the application of structural colors in the color field. The surface of the caffeic acid-modified colloidal microspheres is rough (as shown in Fig. 11(b1) and 11(b2)), the surface roughness of these particles prevented the generation of colloidal crystal structures,18 resulting in the formation of short-range ordered and long-range disordered amorphous photonic crystal structures. This is a special defect state structure with isotropy, which greatly reduces the angle dependence of the structural color, so that the structural color does not change with the angle. Fig. 12 shows the structural color cotton fabric observed at 0°, 30° and 60° angles, which proves that the self-assembled amorphous photonic crystal structure of PS microspheres modified by PCA can effectively eliminate the angle dependence of the structural color.
|  | ||
| Fig. 11 TEM image of (a1) PS and (b1) PS@PCA–Cu(II) NPs; top-view SEM images of (a2) PS and (b2) PS@PCA–Cu(II) photonic coatings on CF; the mean size of PS@PCA–Cu(II) NPs is 306 nm. | ||
It can be seen from Fig. 13, in the simulated washing test, under the conditions of 50 °C and 60 rpm, part of the PS@PCA coating falls off the surface of cotton fabric, the transmittance of the washing residue decreases to a certain extent, but the layer is still relatively complete and has a certain washing fastness. As shown in Fig. 14, the rubbing fastness test of sandpaper demonstrates that the coating structure is damaged to a certain extent after 30 times rubbing with a 50 g weight, and the structural color can still be observed.
|  | ||
| Fig. 13 The transmittance of the washing liquid; optical images of (a) unwashed fabric sample and (b–f) five fabric samples after different washing cycle. | ||
|  | ||
| Fig. 14 Optical images and top-view SEM images of PS@PCA coating on CF (a) before, (b) after 15 and (c) 30 times rubbing. | ||
| Samples | Transmittance (%) | UPF | |
|---|---|---|---|
| UVA | UVB | ||
| Untreated | 29.11 | 25.83 | 3.75 | 
| PS@PCA-coated | 2.28 | 2.26 | 44.74 | 
| This journal is © The Royal Society of Chemistry 2022 |