Introduction

Numerous objects appear colored due to wavelength-specific optical interference, despite their lack of light-absorbing pigments and dyes. Such color is generally referred to as structural color because the color essentially results from a microstructure with dimensions that are comparable with the wavelength range of visible light, such that the structure interacts with light through optical phenomena such as interference, diffraction and scattering.1 Recently, structural colors have attracted much attention in a wide variety of disciplines. Previously, however, the word ‘iridescence’ has been used instead of ‘structural color’ to describe a surface that appears to change color as the viewing angle or the angle of light illumination changes. Thus, people who are aware of the concept of interference color have a strong impression that all structurally colored materials change hues when viewed from different angles, as indicated by the term ‘iridescence.’ In fact, many structurally colored objects change their hue depending on the viewing and light illumination angles because most of these structural colors are derived from Bragg reflection. Such angle dependence represents a barrier to the development of displays and sensors made with structurally colored materials.2

Yet, examples exist of angle-independent structurally colored entities in nature. Some of these examples have been subjected to study for a long time; however, the interpretations of the color mechanisms remain a matter of debate.3, 4, 5 For example, the mechanism associated with the angle-independent structural coloration of blue bird feathers has been debated for over a century.3 Until quite recently, the blue color was thought to be caused by Tyndall or Rayleigh scattering. However, Prum et al.3 demonstrated that the observed blue color is caused by the constructive interference of light by submicrometer-sized fine air cavities through spatially distributed scattering. Numerous other living things, such as mammals and insects, display angle-independent structural colors produced in a similar manner.5 These colorations can also be caused by constructive interference owing to the presence of amorphous arrays of submicrometer-sized particles and fibers with short-range order (Figure 1).

Figure 1
figure 1

Schematic of various living things and a colloidal amorphous array that display angle-independent structural color. A full color version of this figure is available at Polymer Journal online.

This idea is now influencing materials scientists who study optical materials and colored materials.6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 Since the discovery of the photonic crystal, the presence of a periodic dielectric structure has been widely believed to be a precondition for the presence of a photonic band gap (PBG) or pseudo-PBG (p-PBG) in the visible region of the electromagnetic spectrum, which causes structural color but with angle dependence.19, 20 The effects of both the PBG and the p-PBG are explained by Bragg scattering of photons by the periodic dielectric structure. Colloidal crystals composed of submicron-sized particles are periodic arrays that exhibit both long-range and short-range order and thereby display angle-dependent structural color arising from a PBG or p-PBG.21, 22, 23, 24 In contrast, amorphous arrays of particles and pores possess only short-range order and lack periodicity.25, 26 However, despite such conditions, certain amorphous arrays display vivid structural colors (Figure 1).12 This revelation must amaze many researchers.

When viewed from the perspective of materials chemistry, structurally colored materials are ideal for use in energy-saving reflective displays and sensors because structural color does not fade and because no energy is lost as a result of the color-producing mechanism. Furthermore, structurally colored materials prepared by environmentally friendly methods are not only fadeless but also safe pigments. By employing the principles discussed above, we may be able to obtain new man-made, stimuli-sensitive structurally colored materials never observed in living matter; furthermore, such materials may have novel functions.

In this paper, I discuss our recent study into the preparation and optical properties of amorphous arrays of submicrometer-sized particles that mimic structures observed in living organisms. Using and fusing stimuli-responsive materials, including polymers and inorganic and organic materials, to prepare amorphous arrays, we can obtain ‘smart’ structurally colored materials that are sensitive to changes in their environment, developed on the basis of the principles observed in nature using resources not found in biological systems.

Colloidal amorphous arrays for angle-independent structurally colored materials

Colloidal amorphous arrays of submicrometer-sized hard particles

Colloidal amorphous arrays of hard colloidal particles are difficult to fabricate because submicrometer-sized hard particles have a strong tendency to crystallize.9, 27 By mixing two different types of submicrometer-sized hard particles such as SiO2 and polymeric colloidal particles, we can easily prepare colloidal amorphous arrays with short-range order but no long-range order or periodicity.7 The discrete ring in the two-dimensional Fourier transform of the scanning electron microscope image in Figure 2a (left), which is also shown in Figure 2a (right), indicates that the microstructure of an aggregate composed of SiO2 particles is isotropic and has short-range order.3 The size variation of the hard colloidal particles causes them to be arranged in a disordered state. The short-range order in the colloidal amorphous arrays causes them to coherently scatter light, and thus the arrays exhibit structural color. Simply varying the ratio of the two different-sized particles during mixing controls the hue of the angle-independent structural color (Figure 2b) because of the change in the short-range order distance.2, 9 However, the colors emitted from these colloidal amorphous arrays are very pale because the incoherent light scattering across the entire visible region is very strong in colloidal amorphous arrays of high-refractive-index contrast (that is, the difference in the refractive index of the particle relative to the gap portion), such as the air-filled SiO2 colloidal array.26 Moreover, the thickness of membranal-colloidal amorphous arrays critically affects their color, with the appearance of such a membrane becoming whitish as it increases in thickness. Even colloidal amorphous arrays composed of monodisperse fine colloidal particles with the diameter of 280 or 360 nm, prepared by the spray method or another appropriate method, have whitish, faint structural colors (Figure 2c).9 The dielectric contrast can be controlled by filling the gap portion with dielectric fluids to suppress the incoherent light scattering and to enhance the structural color of colloidal amorphous arrays.7 For example, when the gaps in colloidal amorphous arrays composed of SiO2 particles that have an experimentally determined refractive index of ~1.39 are impregnated with methanol, which has a refractive index of 1.3292 at 20 °C for 589.3 nm light, the structural colors emitted from the arrays become brighter (Figure 2d).

Figure 2
figure 2

(a) Left: scanning electron microscope image of a colloidal amorphous array made of 90 wt% 310 nm SiO2 particles and 10 wt% 220 nm SiO2 particles. The scale bar is 1 μm. Right: two-dimensional Fourier power spectra from the scanning electron microscope image of the colloidal amorphous array in a. (b) Plots showing the λmax of the transmission spectra as a function of the doping concentration of 220 nm SiO2 particles in each colloidal amorphous array. (c) Optical photographs of membranes composed of 280 nm SiO2 particles and 360 nm SiO2 particles. (d) Optical photographs showing the structural color of the colloidal amorphous arrays made of 310 nm SiO2 particles doped with 220 nm SiO2 particles at different ratios (upper: 10 wt% of 220 nm, middle: 30 wt% of 220 nm, and lower: 40 wt% of 220 nm) in methanol. The number written on each column represents the angle of illumination and the scale bar is 1 mm.

Effect of the addition of black particles

To determine the cause of the incoherent light scattering across the entire visible region from the colloidal amorphous arrays, polarization spectra of the membranal-colloidal amorphous arrays were measured.9, 13 The spectra were obtained using the methods shown in Figure 3a. White light passes through a linear polarizer before it reaches the colloidal amorphous array. The polarization is parallel to the scattering plane that is formed by the incident beam and the detector. The incident angle between the surface normal and the planar surface of the membrane is 0°. The detector used to collect the scattered light was fixed at 10° from the surface normal. An additional linear polarizer was placed in front of the detector and was used to change the polarization direction to be parallel (p-polarization) or perpendicular (s-polarization) to the scattering plane. The gathered polarization spectra of membranes composed of 360 nm SiO2 colloidal particles are shown in Figure 3b. A peak at ~680 nm appeared in the spectrum of co-polarized light (p-polarization) scattered from the membrane. The scattering intensity of the membrane irradiated by s-polarized light is approximately constant upon the wavelength, with no peak observed across the entire visible region. Conversely, in the scattering spectrum of p-polarized light, we observed that the light scattered from the membrane did not depolarize. From these results, we conclude that a single scattering process produced the peak observed in the spectrum of the colloidal amorphous array.28 However, in the case of the s-polarization scattering spectrum, we observed that depolarized light passed through the membrane was scattered as a result of a high-order scattering process. We hypothesized that light scattered multiple times in the colloidal amorphous array significantly contributes to the nearly uniform scattering observed in the scattering spectrum of the s-polarized light passed through the membrane.

Figure 3
figure 3

(a) Schematic of the instrument setup used to obtain the p-polarization and s-polarization spectra. (b) Polarization spectra of the structural-colored membranes. The p-polarization and s-polarization reflection spectra of the membranes composed of 360 nm SiO2 particles. A full color version of this figure is available at Polymer Journal online.

To reduce the contribution of multiple-scattered light rays to the overall scattering spectrum and to enhance the structural color of the colloidal amorphous array, a black component, that absorbs light uniformly across the entire visible region can be incorporated into the array. Carbon black (CB) is one of the most common and environmentally preferable black component available; it reflects very little light in the visible region of the spectrum. Therefore, we prepared membranal-colloidal amorphous arrays using suspensions of the SiO2 colloidal particles mixed with various small amounts of CB that had an average particle size of 28 nm.9 Figure 4a shows the membranes obtained by changing the amount of CB added. The saturation of the colors observed on membranes composed of 280 or 360 nm SiO2 colloidal particles increased with increasing amount of CB added to the suspension. The peak intensities of the reflection spectra were only slightly diminished, whereas the scattered intensities, owing to the incoherent scattering across the entire visible region, were greatly reduced (Figure 4b). The color of the membrane can be controlled by the diameter of the SiO2 colloidal particles (Figure 4c). Because of the amorphous structure of the membrane, the colors do not depend on the observation angle during illumination.

Figure 4
figure 4

(a) Optical photographs showing the color change in membranes composed of 280 nm particles with various quantities of CB and 360 nm SiO2 particles with various quantities of CB. (b) Reflection spectra of the membranes shown in a obtained using an integrating-sphere measurement. (c) Optical photographs of membranes composed of 230, 280 and 360 nm SiO2 particles with 1.7 wt% CB.

In addition, we prepared colloidal amorphous arrays that exhibited vivid, angle-independent structural color from SiO2 colloidal particles that contained magnetite as a black particle; the performance of the resulting arrays was variable.8 Magnetite is a commonly used, non-toxic and environmentally friendly black particulate material. Figure 5a shows secondary particles of colloidal amorphous arrays prepared using suspensions of the 360 nm SiO2 colloidal particles that include a small amount of magnetite. These secondary particles exhibit a bright red color. Because magnetite is magnetic, we moved and collected the colored secondary particles using an external magnetic field (Figure 5b). When we placed the larger droplets of the aqueous solution, which are approximately a few millimeters in diameter and include both SiO2 particles and a small amount of magnetite, into oil at 60 °C during the preparation of the secondary particles, the heavier magnetite (5.2 g cm−3) accumulated at the bottom of the droplet before drying. As a result, we obtained flattened Janus secondary particles with the diameter of about 1 mm, where one side was white and the other side was green or red when we prepared them using 280 or 360 nm colloidal SiO2 particles, respectively (Figure 5c). Because the colored portion contained the magnetite, the Janus secondary particles faced the same direction in the presence of an external magnetic field (Figure 5d). The skin color of specific species of fish can change with changes in the active concentration or dispersion of pigment granules in the interior region of the pigment cells. An analogous color change in artificial materials can be achieved using stimuli-responsive structurally colored pigments.

Figure 5
figure 5

(a) Secondary particles composed of 360 nm SiO2 particles with the addition of magnetite. (b) The secondary particles, composed of 360 nm SiO2 particles and magnetite, were collected by applying an external magnetic field. (c) Flattened Janus secondary particles, characterized by one white side and one red side, composed of 280 nm SiO2 particles (left) and 360 nm SiO2 particles (right). (d) Flattened Janus secondary particles composed of 360 nm SiO2 particles face the same direction in the presence of an external magnetic field. A full color version of this figure is available at Polymer Journal online.

Consequently, we obtained vivid, angle-independent, structurally colored colloidal amorphous arrays by mixing black components into white colloidal particles. Incidentally, black melanin granules also exist in the blue bird feathers mentioned previously. However, the melanin granules are located below the nanostructure of the blue bird feathers,29 whereas the CB and magnetite present in our systems are distributed throughout the colloidal amorphous array. Thus, the melanin granules in the bird feathers function to prevent light scattering from below; however, the CB and magnetite reduce the total scattering within the film. In the near future, our research group will report this biomimetic system displaying vivid, angle-independent structural color.

Stimuli-responsive colloidal amorphous arrays displaying angle-independent structural color

Photo-responsive system using TiO2–Ag particle composites

Tunable, angle-independent structural color saturation of a colloidal amorphous array was established using a photo-induced Ag/Ag+ redox reaction (Figure 6a).10 When UV light is incident on anatase-type titanium oxide (TiO2), an electron in the valence band of the TiO2 is excited into the conduction band, a free hole is created in the valence band, and an electron–hole pair is generated.30 As a result, the UV-light-induced charge-separated excited electron and hole contribute to a reduction reaction and an oxidation reaction at the surface of the TiO2, respectively. If, for example, Ag ions are present in the vicinity of the TiO2 particle surface in the charge-separated state, they are reduced to metallic Ag and are deposited as tiny particles onto the TiO2 particle. Ag particles exhibit strong absorption bands in the visible-light region because of surface-plasmon resonance that depends upon the size and shape of the silver particles and the local refractive index around the silver particles. If various sizes and shapes of Ag particles are deposited onto the surface of the TiO2 via the application of UV light, the resulting TiO2–Ag particle composite can absorb light across the entire visible region. This composite system can serve as an appropriate black component to enhance the structural color of a colloidal amorphous array.

Figure 6
figure 6

(a) Schematic diagram for the photo-responsive change in the angle-independent structural color saturation of the colloidal amorphous array. (b) Left: the change in the reflection spectra and the optical images of the colloidal amorphous array containing an aqueous solution of silver nitrate under 313 nm UV light passed through a bandpass filter. The incident angle relative to the normal of the planar surface of the colloidal amorphous array was 0°. The measurement angle, θ, was 10° relative to the normal of the planar surface of the colloidal amorphous array. Right: optical images of the colloidal amorphous array that was irradiated with visible light (λ >420 nm) for 12 h under the conditions shown in the images on the left. A full color version of this figure is available at Polymer Journal online.

However, in the case of TiO2–Ag particle composites, irradiation with visible light can also induce charge separation.31 This charge separation is induced by localized surface-plasmon resonance of the Ag particles because TiO2 does not absorb visible light. An optical electric field vibrates the free electrons in the Ag particles. These electrons are excited only when they are irradiated with light matching their resonant wavelength. In the case of Ag particles, the excited electron is transferred to oxygen in the air; thus, the silver particles are oxidized to colorless Ag+ ions. When the TiO2–Ag particle composite is irradiated with white light, the intensity of its black color decreases.

Using systems, similar to the one previously discussed, a change in the brightness of the structural color can be repeatedly controlled by applying UV and white visible lights.10 Composite colloidal amorphous arrays were prepared using fine SiO2 particles as the main component, and a small amount of TiO2 particles display a change in structural color when irradiated with light. The composite colloidal amorphous array soaked with silver nitrate aqueous solution exhibited a bright structural color under 313 nm UV light. We observed a strong increase in the saturation of the color upon increasing the UV light intensity (Figure 6b). Moreover, the saturation of the color of composite colloidal amorphous array diminished again when irradiated with white visible light. This process for changing the saturation of the structural color was repeatable. In our system, the color saturation of the colloidal amorphous array was controlled by the deposition and dissolution of black silver particles that decrease incoherent multiple-light scattering within the array. Composites that display various bright hues also can be prepared using SiO2 colloidal particles with different sizes. These compounds can be useful in the manufacture of sensors, displays and cosmetic products.

Fabrication of a stimuli-responsive system using hydrogel particles

We have demonstrated that condensed gel particle suspensions in amorphous states display angle-independent structural color.6 Practically, the preparation of amorphous arrays from hard colloidal particle suspensions is more complicated than expected and is one of the greatest challenges in the large-scale production of such arrays. Indeed, handling a soft-gel particle suspension during the preparation of an amorphous array is substantially easier.32, 33 In this case, an amorphous array can be prepared by simply evaporating the water from a diluted gel particle suspension. Unlike hard-particle suspensions, the viscosity of the gel particle suspension gradually changes with the particle concentration. Eventually, the deformed soft-gel particles are packed tightly together with short-range order. Consequently, a soft-gel particle amorphous array displays tunable structural colors and hues that depend on the concentration of the soft-gel particles (Figure 7). Because the gel particles can be prepared from stimuli-responsive polymers, the environment can be used to control their size. As a result, we obtained stimuli-responsive colloidal amorphous arrays displaying angle-independent structural color. A specific example of stimuli-responsive colloidal amorphous arrays is presented in the next section.

Figure 7
figure 7

Optical images of gel particle suspensions with different polymer contents. These images were taken at angles different from the direction of incident light.

Preparation of a thermo-responsive system using core-shell particles

Numerous authors have previously reported that reversible changes in the position and the strength of a PBG or p-PBG can be achieved by altering the Bragg reflection that is observed from colloidal crystals composed of environmentally responsive particles.34, 35, 36, 37 Conversely, the literature contains few reports of amorphous arrays consisting of such environmentally responsive particles exhibiting a change in the position and the magnitude of the p-PBG as the environmental conditions change.13 It was only recently found that amorphous arrays also exhibit p-PBGs, which explains why the environmentally responsive p-PBG of the amorphous arrays composed of environmentally responsive particles has not been reported. Recently, we prepared an amorphous array composed of thermo-responsive fine core-shell particles, where monodisperse SiO2 colloidal particles make up the core and the shell is a high-density polymer brush of uniform thickness made from thermally responsive poly(N-isopropylacrylamide; Figure 8a).11 We observed that the position and magnitude of the angle-independent p-PBG of the array reversibly changed depending on the environmental temperature (Figures 8b and d). Because core-shell particles tend to aggregate in water, even at temperatures below the lower critical-solution temperature of linear poly(N-isopropylacrylamide),38 the amorphous array of the core-shell particles did not decompose into particles at low temperatures; it instead exhibited a temperature-reversible change in the short-range order distance, maintaining its aggregation state (Figure 8b). As a result, the amorphous array demonstrated a reversible change in its faint angle-independent structural color that depended on the temperature of water used in the array. Figures 8c and d show the angle dependence and temperature dependence of the transmission spectra of the thin amorphous array membrane, respectively. The λmax was positioned at 668 nm at 0° and was nearly independent of the observed angle (θ) from 0° to 45°. Additionally, a reversible change in the position and the magnitude of the p-PBG was observed when the temperature was varied. The structural color of the aggregate also changed slightly on the basis of the properties of the p-PBG and is therefore dependent on the temperature. In this amorphous array, a faint color was visible, irrespective of the membrane thickness. Relatively low refractive-index contrast owing to the presence of water between the core-shell particles is thought to suppress the multiple light scattering phenomenon.

Figure 8
figure 8

(a) TEM image of thermo-responsive polymer brush-coated SiO2 particles with poly(N-isopropylacrylamide; PNIPA) of Mn=6.18 × 104, and with 269 nm SiO2 core particles. Scale bar=100 nm. (b) Schematic diagram for the change in the short-range-order distance of the amorphous array composed of thermo-responsive polymer brush-coated SiO2 particles. (c) Transmission spectra of a thin membrane of the amorphous array composed of thermo-responsive polymer brush-coated SiO2 particles with 207 nm SiO2 core particles and PNIPA of Mn=2.55 × 104 measured at various angles at 25 °C. (d) Temperature dependence of the transmission spectra of the thin membrane composed of thermo-responsive polymer brush-coated SiO2 particles with 207 nm SiO2 core particles and PNIPA of Mn=2.55 × 104 measured at 0° between 30 and 39 °C. A full color version of this figure is available at Polymer Journal online.

Summary

Recent advances in the preparation of many types of submicrometer-sized fine particles have introduced exciting new possibilities for developing unprecedented new materials. Stimuli-responsive colloidal amorphous arrays displaying various angle-independent structural colors are one of these interesting new materials. Similar to the humans yearning to fly like birds and eventually developing airplanes, we may be able to develop new fusion materials for optical applications; such materials may be beyond what can be synthesized in natural systems and may someday be useful for enhancing our quality of life. We look forward to the development of materials with similar exciting functions stemming from future advances in the field of materials science.