1 Introduction

The use of micro-nanotechnologies to obtain structural coloration has gained much attention recently. In particular, the technology of color variation as an indication of structural features and physical mechanisms has been actively researched for applications involving display devices [1, 2], sensors [3, 4], and soft biosensors [5] for use in research, manufacturing, and smart factories. In contrast to conventional color technology that uses pigments or dye to color items via industrial processes, structural coloration is based on nano-patterns or multiple nano-film layers to generate color with light reflection. Because it does not induce chemical reactions or changes in material composition, structural coloration has many advantages, including brightness, clarity, and sustainability. Structural color is an example of nanoparticle technology resulting from the periodicity introduced by surface plasmon resonance [6,7,8] and photonic crystals [9,10,11,12,13]. In the case of surface plasmon resonance, color is expressed by free electrons resonating on the surface of a metal conductor in response to incident light [14]. A Fabry–Perot (FP) interferometer constructed with nanoscale thin films of metals and insulating layers can be used effectively to create large-area nanoscale structures via the surface plasmon effect in the metal [15]. The FP interferometer is a light-emitting device that uses a reflection system consisting of two thin parallel mirrors to repeatedly reflect light, thus causing interference and resonant light emission. This type of interferometer usually has a metal–insulator–metal (MIM) structure, in which the metal layers act as the reflective surfaces and the intermediate insulating layer constitutes the resonance layer [16, 17]. A method for realizing structural coloration, i.e., by stacking two-dimensional nanostructures, has already been commercialized and enables precise control of thin-film thickness through physical vapor deposition processes [18, 19]. Due to its simple fabrication and good performance, various studies are underway to expand the applications of structural colors realized using an FP interferometer [20,21,22,23,24,25,26]. FP color has an angle dependence, which can be a disadvantage in some applications involving etalons and color filters [27,28,29,30]. However, in sensing applications involving reflected light, the resulting structural coloration according to the angle of the reflected surface can be useful.

In this study, we demonstrated a highly angle sensitive and broadband structural coloration using an asymmetric MIM structure.

To generate angle-sensitive vivid structural colors, a silver (Ag)–silicon dioxide (SiO2)–tin (Sn) MIM structure was fabricated using an electron-beam evaporation process. We experimentally showed the structural color changes with different reflected angles. The results were verified with finite-difference time domain (FDTD) simulation results. As for the fabricated structural color, the central wavelength of absorption changed linearly and greatly, and the color change according to the angle was expressed as a function of reflected angle to spectra. Finally, a highly angle sensitive structural coloration is demonstrated using pattern-free, lithography free manufacturing process.

2 Results and Discussion

The main purpose of this research was to design a tunable structural colors that is highly sensitive to reflected angle. We used an asymmetric MIM structure to create the structural colors of an FP interferometer [31]. In nature, a butterflies camouflage themselves by changing the color of wings. Figure 1a shows the butterfly changing the color of its wings similar to surrounding color. Figure 1b presents the MIM structure composed of Ag–SiO2–Sn layers and the angle-dependent color change; the color changed significantly with the angle due to the MIM asymmetry and the optical properties of Sn. In the MIM structure, the top and bottom surfaces are metals, with a transparent insulating layer in between. For white light incident on the structure, the FP interferometer generates visible color through light resonance in the insulator layer; the color depends on the angle, as shown in Fig. 1b. We fabricated a butterfly robot capable of color camouflage operated by a spring made of shape memory alloy (SMA) with a phase transition temperature of 40°, as shown in Fig. 1c (Figure S1, Supporting Information). The realized colors of the wing covered all subtractive colors including cyan, magenta and yellow. Hence, as shown in Fig. 1d, the embodied structural colors enable the camouflage of butterfly into surrounding environment.

Fig. 1
figure 1

Concept design of a pattern-free color-based angle sensor. a Camouflage of butterfly in nature (Rendering). b Color change by reflective angle in the Fabry–Perot (FP) using the metal–insulator–metal (MIM) structure composed of silver (Ag)–silicon dioxide (SiO2)–tin (Sn); c A sample of butterfly robot with color of cyan, magenta and yellow according to the wing angles of 0°, 45°, and 60°, respectively (Photo). d A camouflage of fabricated butterfly robot with respect to actual flower (Photo) (color figure online)

Figure 2a presents a schematic diagram of the MIM structure that induces the FP effect and the structural coloration. The phase of the wavelength of the internal light varies with the insulator thickness. The reflectance of light (R) in a cavity can be expressed as follows [32]:

$$R=\frac{4r{sin}^{2}\delta }{{(1-r)}^{2}+4r{sin}^{2}\delta }$$
(1)

where r is the reflectance between the medium and the cavity, δ (δ = 2πnd/λ) is the phase difference, n is the refractive index, d is the cavity length, and λ is the wavelength of incident light. When the white incident light illuminates the MIM structure, light passes through the upper metal layer to the other layers. The interference of light between Sn and Ag layers separated by the SiO2 layer generates a resonance peak; thus, color is generated on the top surface, in this case, Sn. The bottom layer of the MIM structure was Ag, which has high reflectivity [13]. The middle layer, silicon dioxide (SiO2), is a low-cost, easily manufactured, and commercially viable material [33]. The top layer of the MIM structure was fabricated with Sn, which is highly reflective and selectively refracts light of a specific wavelength. The light absorption properties of Sn create a MIM structure with a wide absorption bandwidth in the visible light region, providing a full, vivid color spectrum, even with reflected light. Sn is widely used in industry because it can be deposited at a relatively low temperature and yield uniform film quality. Furthermore, it has good radio wave permeability compared with other industrial metals such as aluminum, making it particularly well suited for applications in electronic devices such as mobile phones [34].

Fig. 2
figure 2

Analysis of the MIM structure using the optical properties of Sn. a FP reflectance of the MIM structure. b Refractive index of Sn according to the wavelength. The refractive index of Sn increases significantly for wavelengths in the visible regime. c Reflectance plotted as a function of wavelength and dielectric thickness using the refractive index of Sn and finite difference time domain (FDTD) analysis

In the proposed MIM structure shown in Fig. 2a, external light is incident on the upper Sn layer. The thickness of the Sn layer was set to 10 nm by considering the effect of the asymmetry of the MIM structure on the angle dependence of the color change and the visibility of color [35]. Resonant light, which has a specific wavelength, exits to the outside; thus, the refractive index of the upper metal layer plays an important role in color generation. In the visible light region, the refractive index of Sn varies significantly by wavelength. To obtain the refractive index of Sn, we fabricated a 500-nm-thick Sn bulk coating sample and measured its refractive index using ellipsometry. The refractive index of Sn exhibited an increasing trend (from n = 2.0–4.3) in the visible light region from 400–800 nm (Fig. 2b). Figure 2c presents the simulation results of the reflectance value of the Ag (100 nm)–SiO2 (0 ~ 500 nm)–Sn (10 nm) structure using FDTD analysis based on the refractive index data presented in Fig. 2b. Compared with the Ag–SiO2–Ag structure (Figure S2, Supporting Information), the Ag–SiO2–Sn sample absorbed over a wider wavelength range, as shown in Fig. 2c. In the MIM structure in which the resonance light is absorbed, it is difficult to visually recognize color change due to the high-gloss surface; this occurs when the absorption band is too narrow. However, when the resonant absorption band is widened, the color change of the reflected light becomes easy to visually distinguish. To confirm this principle, MIM structures of Ag (100 nm) with various thicknesses of SiO2 (range 100–440 nm, in 20-nm increments) were fabricated to obtain various structural colors (Figure S3, Supporting Information). The thickness of the Sn layer was determined to be 10 nm, based on the simulation results shown in Fig. 2c. To verify the proposed principle, two samples, Ag–SiO2–Ag and Ag–SiO2–Sn, were fabricated and their colorations were compared, as shown in Supporting Information Figures S2a, S2b.

To verify the angle sensitiveness of MIM structure, the thickness of the insulator, SiO2, was designed according to FDTD simulation results. As shown in Fig. 3, MIM structures with SiO2 thicknesses of 270 and 400 exhibited broad absorption peaks over the wavelength range of 400–700 nm, and the center wavelength of resonant absorption decreased with increasing angle. Additionally, the asymmetry of the MIM structure and the change in the refractive index according to the wavelength of Sn considerably increased the angle dependency of the reflected color. As shown in Supporting Information Figure S2c and S2d, the results of FDTD simulation of a symmetric MIM structure using SiO2 and WO3 as insulators are compared, but the change of the absorption pick with angle is smaller than that of the asymmetric structure MIM. Thus, the proposed MIM structure is suitable as an angle-detecting sensor, as the central wavelength of the structure decreased linearly for angles ≥ 10°.

Fig. 3
figure 3

FDTD analysis of the Ag-SiO2-Sn MIM structure according to angle of a Ag (50 nm)–SiO2 (270 nm)–Sn (10 nm), and b Ag (50 nm)–SiO2 (400 nm)–Sn (10 nm)

Three designed MIM structures were fabricated with SiO2 thicknesses of 230, 270 and 400 nm. The MIM structure having an insulating layer of 230 and 270 nm thickness has a single absorption peak, and the average value of the q-factor is 2.83. The reflected colors were detected under different reflecting angles from 0° to 75° in 15°-steps with a normal-incidence white light source (Figs. 4a and Supporting Information S5). The captured color images for all three samples exhibited visible color changes as the tilt angle was varied (Fig. 4b). We measured the thickness of the insulator layer using ellipsometry in Fig. 4c; samples fabricated with insulating layer thicknesses of 230, 270, and 400 nm had error values of + 4.07, + 1.73, and  − 4.09%, respectively, and the average error was 3.47%. Figure 4d presents a cross-sectional scanning electron microscopy image of the sample with a SiO2 thickness of 230 nm.

Fig. 4
figure 4

Fabrication of a color-based angle sensor and characterization. a Concept of the angle-dependent color change sensor. b Color change from 0° to 75° for color-based angle sensors with a SiO2 thickness of 230, 270, and 400 nm. c Comparison of the reflectance between the analytical value of an angle sensor with a SiO2 thickness of 230, 270, and 400 nm and the actual value measured by ellipsometry (error values of samples are + 4.07, + 1.73, and  − 4.09%, respectively, and the average error was 3.47%). d Cross-sectional scanning electron microscopy image of the Ag (50 nm)–SiO2 (230 nm)–Sn (10 nm) MIM angle-detecting sensor (color figure online)

The reflected spectra of three samples with different SiO2 thicknesses under different angles were measured using spectrometry. We examined the color shift caused by angle tilting using four angles (15°, 30°, 45°, and 60°) for the three samples. The spectrum of absorbed light constantly shifted to the left by increasing the tilt angle, resulting in a change in the reflected color, as shown in Fig. 5a.

Fig. 5
figure 5

Spectral analysis and characteristic analysis of angle sensor according to angle. a Spectroscopic analysis from 15° to 60° for a color-based angle sensor with a SiO2 thickness of 230, 270, and 400 nm. b Change in the central wavelength of the angle sensor according to the angle of each SiO2 thickness. c Reflectance value of the angle sensor measured at a specific monochromatic wavelength band (230-nm SiO2 sample at 620, SiO2 270 nm sample at 520, SiO2 400 nm sample at 420). d CIE 1931 color coordinate display of the color shift of the angle sensor with three thicknesses of SiO2 (color figure online)

Figure 5b presents changes in the central wavelength of resonant absorption as a function of angle; the center wavelengths of the three angle detection sensors shifted linearly. For a sensor with a SiO2 thickness of 230 nm, the absorption peak of the central wavelength shifted from 573.1 to 490.1 nm as the angle changed from 15° to 60°. This blue shift in the reflectance is consistent with FDTD simulation results, as evidenced by the change in color from blue to yellow (Fig. 4b). The measured value of a sensor with an insulating layer of 230 nm can be expressed as a linear function of the central wavelength shift (λ) with respect to a change in the angle (θ).

$$\lambda = {1}.{81}\theta + \lambda_{0}$$
(2)

Therefore, when using a spectrometer, the proposed structure realized an angle shifting of central wavelength of absorption with a sensitivity of 1.81. To expand the designed MIM resonator system to angle-detecting sensor, we provide more simplified and intuitive measurement system. Figure 5c presents a monochromatic light method to measure the reflectance of the system; notably, a spectrometer is not required for this approach [36]. The reflectance at the selected wavelength, as indicated by the vertical dashed line in Fig. 5a, was plotted as a function of angle in Fig. 5c. For the sensor with a 230-nm-thick insulating layer, the reflectance (R) using 620-nm monochromatic light is given by the linear function with respect to the angle (θ),

$$R = {1}.{71}\theta + R_{0}$$
(3)

This consistency between full-spectrum data and reflectance at a specific wavelength indicates that the monochromatic light method is as effective as measuring the angle using a spectrometer. Figure 5d presents color change according to the angle, as indicated by the MIM angle-detecting sensor, using the CIE 1931 color coordinate system without an additional measuring device. The color spacing according to the angle of the color coordinate system is sufficiently wide; thus, the proposed angle-detecting sensor can project enough visual color change to be measured with the naked eye. Among the sensor prototypes tested, the angle sensor having the structure with a SiO2 thickness of 230 nm showed the largest change in distance in the coordinate system, so it is the most sensitive color sensor for visual assessments.

3 Application

Due to the demand for product design competitiveness, 3D curved designs are gaining more attention in industries, such as in mobile manufacturing. Most components of electronic products with 3D curved surfaces are manufactured using transparent materials, such as glass, ceramics, and hard-coated optical polymers. The transparent items contain highly glossy parts with a 3D curved surface, making it difficult to detect the shape quality of the curved surfaces. Furthermore, current inspection processes for 3D curved shapes require vision-based detecting devices, such as multiple charge-coupled devices (CCDs) or 3D laser scanners with high resolution, which complicates system integration. To simplify the detecting method and minimize costs, the proposed color-based angle-detecting sensor can be applied.

To demonstrate our sensor prototype, we applied our sensor to a 3D curved back cover of a mobile phone. The sensor was made of a flexible polyethylene terephthalate film with a thickness of 100 um and the adhesive was a silicone pressure sensitive adhesive with a thickness of 30 um. The MIM structure was fabricated on the substrate, and applied to a curved surface inspection with a minimum curvature of 2R. Figure 6a presents sections of the 3D curved back cover of a mobile phone and the shape difference between the designed shape and failure samples in section A-A’. The sensor prototype, fabricated with a 230-nm-thick SiO2 layer, was attached to the back cover, as shown in Fig. 6b. The color change of the sensor was observed visually over the curved surface of the phone. We used a 3D laser scanning method to verify the results obtained with our sensor. Figure 6c presents the difference in slope measured by laser scanning between the 'pass' and 'fail' samples; a large color difference was observed at point b compared with point c, as shown in Fig. 6b. We checked the color difference using spectroscopic analysis, as shown in Fig. 6d; an error of 5.45% was obtained as shown in Fig. 6e, due to difficulty in aligning the position of the 3D laser for scanning and spectrometry. However, these results indicate that quality inspection of the 3D curved surface is possible by visually identifying color without 3D scanning or inspection with a CCD. Furthermore, using the color map and a spectrometer in parallel enables better quality control while simplifying the inspection process.

Fig. 6
figure 6

3D shape detection test results. a Section of the tested sample (back cover of a mobile phone). b The 3D shape detector on the 3D curved back cover edge and difference in color change of sensor for passed and failed samples. c The measured 3D shape of the back cover via a laser scanning method. d Spectroscopic analysis of three points. e Comparison of measurement values between the laser scan and color angle sensor. The cause of the error is the instability of the laser measurement curve and the measurement error according to the angle of the spectrometer (color figure online)

We propose a new inspection process based on 3D shape detection technology (Supporting Information Figure S6). If the 3D part is made by thermoforming, then a protective MIM coating can be added to the part. This enables inspection of the 3D curved surface with the naked eye, either by taking a picture with a camera or using a spectrometer. This technology also enables automation of the manufacturing and inspection processes. Hence, we can significantly improve the inspection efficiency in situations where it is difficult to apply conventional inspection methods. Furthermore, real-time 3D shape detection using a color-changing film may offer a means for rapid diagnosis of molding problems and a reduction in product development costs for low-temperature (< 200 °C) molding, such as cold press processes.

4 Conclusion

In this study, we developed a wireless color-based angle sensor based on a FP interferometer design that does not require nano-patterning processes. To increase the reflected color change according to the angle, we propose a color element using an asymmetric MIM structure, with Sn and Ag as the metal layers. The light absorption properties of Sn create a MIM structure with a wide absorption bandwidth in the visible light region, and through this, vivid colors and a full spectrum are realized, even with reflected light. Additionally, the asymmetry of the MIM structure and the change in the refractive index according to the wavelength of Sn considerably increases the angle dependency of the reflected color. This valuable feature can be used in practical industrial applications involving high throughput for a low cost.

Our proposed sensor is expected to be useful in measurement and inspection technologies, such as those required for shape detection of 3D curved transparent parts of electronic devices [37,38,39]. It can measure the quality of 3D curved surfaces without the need for additional measuring equipment and does not require a separate scanning time or calculation time. In conclusion, our proposed sensor is simple in its design and enables rapid measurement for use in industrial applications.

5 Methods

5.1 Metal Deposition

Metal deposition was performed using an EB-PVD (Sam-Han Thin Film & Vacuum). To obtain smooth, high-quality films, the pressure of the evaporation chamber was adjusted to 9 × 10 − 7 Torr by pre-pumping. Mean-while, the working pressure was maintained below 1 × 10 − 6 Torr. A 50-nm-thick layer of Ag was deposited on top of a polycarbonate-polymethyl methacrylate composite substrate at a rate of 1.5–2.0 Å s − 1. Next, a 100–440-nm-thick layer of SiO2 was deposited onto the developed samples at a deposition rate of 1.5–2.0 Å s − 1, followed by a 10-nm-thick layer of Sn at a deposition rate of 0.4–0.5 Å s − 1. The temperature of the sample chamber was maintained below 25 °C during the evaporation process. The film thickness was monitored using a quartz crystal microbalance, with angstrom-level sensitivity.

5.2 Morphology and Optical Characterization

Microscopy analysis was performed using an Olympus BX53M instrument (Olympus Corp., Tokyo, Japan). The eyepiece used was a U-TV0.5XC-3 (Olympus); the objective lens was an LMPlan FL N 10X/0.30, FN26.5, and the CCD camera was an MS300. The software used for image capture was Leopard v2.0 lite.

Spectroscopic analysis was performed using a miniature spectrometer (QP400-2-VIS-NIR; Ocean Optics/Ocean Insight). As a reference, we used standard white for the Scinco Colormate spectrophotometer (Scinco, Daejeon, Korea). We carried out the spectral analysis using Ocean View software (version 1.6.3) and an FDTD solution program (version 8.21.1781) for preliminary spectral analysis. Mapping software Color Calculator (version 7.59; OsRam Licht AG, Munich, Germany) was used in conjunction with the CIE 1931 standard.

The refractive index of Sn was measured with a dual-rotating compensator spectroscopic ellipsometer; a halogen lamp was used as the light source. A Maya 2000 Pro spectrometer was used for the ellipsometry measurements (Ocean Optics/Ocean Insight) and the objective lens was an Olympus SLMPlan N 50 × objective (numerical aperture, 0.35).