Introduction

Display technology has developed for nearly a century. Since the 1920s, the majority of display materials were based on cathode ray tubes that lasted for several decades until they were replaced by plasma liquid crystal displays and solid-state devices, such as organic light-emitting diodes1, 2 and light-emitting diodes. With the advancement of technologies and consumer choices, a wide range of display products have been rapidly developed. Now, display trends are moving to the next generation of ‘flexible and transparent’3 displays.

Transparent displays, as the name indicates, are displays with a high degree of transparency. When they are not displaying, they behave just like glass with high transparency, while they perform with high resolution and contrast in their working states. Such characteristics allow them to have a large variety of applications in electronic devices, such as smart glasses (Google Glass), wearable devices and head-up displays. These applications are expected to have a huge market. Although transparent display technologies have currently already advanced, the typical and fatal obstacle of these technologies is their poor contrast. This problem is caused by light interference from the back of the displays that significantly reduces the vividness of the colors and contrast.4, 5 To solve this critical issue, shutters that can cooperate with transparent displays are necessary. High optical contrast between the bleaching and coloring states, quick response capability and long-term stability are the essential features for an excellent shutter, and electrochromic devices (ECDs) might be a judicious and representative candidate.6, 7, 8

Electrochromic materials (ECMs) have advantages of high contrast of transmittance, low driving voltage and bistable characteristics, indicating their great market opportunity in green energy applications and the display industry. However, ECMs with high contrast (ΔL*) in the CIE L*a*b* coordinates have not been easily obtained in the past decade,9, 10, 11, 12, 13 and the adjective ‘black-to-transmissive’ was first termed by Reynolds and co-workers in 2008.12 They developed readily oxidized conjugated polymers with extensive absorption bandwidths extending over the entire visible spectrum that could be totally bleached in their oxidized states. This system showed a rather high optical contrast ratio, ΔL* value, of up to 53 (19→72).

Recently, most of the ECMs with high contrast have been reported based on conducting polymers,14, 15, 16, 17, 18, 19, 20, 21 with only a minor amount of studies using small molecules22, 23 or metallo-supramolecular polymers.24 Although there are many research groups dedicated to this research area, so far, a ΔL* of >60 over the whole visible spectrum has not been obtained. This goal is especially important for ECDs that are highly transparent and colorless in their neutral states without any applied potential.

Therefore, a ‘highly transparent to truly black’ ECD was elaborately designed and fabricated based on an ambipolar system composed of electroactive polyamides (PAs) derived from N,N,N′,N′-tetraphenyl-p-phenylenediamine (TPPA)25, tetraphenylbenzidine (TPB)7, 26 and heptyl viologen (HV)6, 27 (Figure 1) to balance the charge, decreasing the driving voltage and enhancing other properties.

Figure 1
figure 1

Schematic diagram of the electrochromic device (ECD) based on the ambipolar electrochromic materials (ECMs).

By the judicious combination of these three ECMs, the obtained ECDs are not only colorless with high transparency in their neutral states but also produce three primary colors (green, blue and red) by altering their redox states, significantly reducing their degree of transmittance. In addition, according to the CMYK color model, the final color is black after subtracting red, green and blue in the visible spectrum. Therefore, an ECD with a high ΔL* of 81 and a significant ΔT of >60% over the whole visible spectrum was achieved. Furthermore, the transmittance could also be reduced to <5% in both the near-infrared (NIR) and visible regions in the colored redox states.

Experimental procedures

The PAs were synthesized from diamine monomers and dicarboxylic acid (or diacid chloride) via a conventional low-temperature solution polycondensation or direct polycondensation, as shown in Scheme 1. The synthesis of the PAs based on a TPPA unit was used to demonstrate the ordinary synthetic method for the following experimental details. The thermal properties, solubility behaviors, molecular weights and inherent viscosities of the resulting PAs are listed in the Supplementary Information.

Result and discussion

Basic properties of PAs

A series of PAs was readily prepared via low-temperature solution polycondensation and direct polycondensation from two aromatic diamines and dicarboxylic acid or diacid chloride (as shown in Scheme 1). The molecular weights and solubility behaviors of the obtained polymers are summarized in Supplementary Tables S1 and S2, respectively. These polymers were very soluble in polar aprotic organic solvents owing to the bulky structure of the arylamines along the backbones of the PAs, indicating that these PAs should be easily implemented in solution casting for practical applications. The thermal properties of the PAs were surveyed by thermogravimetric analysis(Supplementary Figure S1) and differential scanning calorimetry (Supplementary Figure S2), and the data are summarized in Supplementary Table S3. All the synthesized PAs displayed good thermal stabilities without significant weight losses up to 400 °C under air or nitrogen atmospheres even with the aliphatic moieties. The carbonized residues (char yields) of the PAs with aromatic backbones in a nitrogen atmosphere were >60% at 800 °C, but the char yields of the corresponding PAs with aliphatic units were only 30% at 800 °C. The glass-transition temperatures (Tg) of the PAs were in the range of 170–230 °C, indicating the rigidities of the polymer chains.

Electrochemical properties of the ECMs

The electrochemical properties of the anodic electrochromic PAs were surveyed by cyclic voltammetry (CV) that was conducted by casting a film on an indium tin oxide-coated glass slide (12 mm × 5 mm) as a working electrode in propylene carbonate and using 0.1 M LiBF4 as a supporting electrolyte under a nitrogen atmosphere. The CV diagrams for the PAs are depicted in Supplementary Figure S3a. These PAs exhibited two reversible oxidation peaks, indicating that electrons could be removed in an ordered manner from the two redox centers bridging the phenylene or biphenylene units; and similar potentials ranging from 0.40 to 0.70 V were needed for the first oxidation step to transform PA0 into PA1.+. In addition, the redox behavior of the cathodic colored HV was also measured by CV, as shown in Supplementary Figure S3b, revealing a reversible reduction step at a potential of −0.50 V. According to the CV results, the first redox potentials of the anodic (PA) and cathodic (HV) ECMs did not match well with each other, but the results of the ECDs might be different because of a different redox environment, such as electrolyte and solvent, and this will be further investigated for the ECDs.

Electrochemical properties of the ECDs

Because of the similar electrochemical behaviors of the corresponding PAs derived from the aromatic and aliphatic dicarboxylic acids, the ECDs based on the aromatic PAs were used as examples to illustrate the general CV results. The electrochemical behaviors of TPPA-O and TPB-O ECDs were investigated by CV, as shown in Supplementary Figure S4. The first oxidation potentials from the neutral forms to the cationic radicals for the ECDs increased (TPPA-O1.+: 0.50 to 1.50 V and TPB-O1.+: 0.70 to 1.70 V) because of the gel electrolyte and larger size of the electrode (25 mm × 20 mm). The rate of ion diffusion decreased in the gel electrolyte system, resulting in a reduction of the charge-exchange rate that leads to the requirement of higher voltages to drive the entire devices. Thus, the power consumption of the ECDs increased and the response capability decreased.

To improve the drawbacks created by the ECDs with the gel electrolyte, the cathodic electrochromic material HV was introduced into the gel electrolyte layer of the ECDs. The representative CV diagrams of TPPA-O/HV and TPB-O/HV ECDs are depicted in Supplementary Figures S5a and b, demonstrating reversible redox steps with much lower oxidative potentials (TPPA-O1.+/HV ECD: 0.90 V and TPB-O1.+/HV ECD: 1.10 V) than the corresponding devices without HV. This effect could be ascribed to HV2+ having the ability to accept electrons from PA moieties during the oxidation process, and the resulting HV1+ could also contribute electrons back to PA1.+ during the reduction process to the original neutral state (Supplementary Figures S5c and d). Thus, adding HV as an efficient charge-trapping molecule in the electrolyte layer not only greatly reduced the working voltage but also enhanced the performance of the overall system.

Spectroelectrochemistry

Spectroelectrochemical measurements were used to assess the optical behaviors of the electrochromic materials. The PA film was cast onto an indium tin oxide-coated glass slide (sheet resistance: 5 Ω sq−1, transmittance: 80% at 550 nm, as shown in Supplementary Figure S6), and a homemade electrochemical cell was built from a commercial ultraviolet–visible (UV–vis) cuvette. The cell was set in the optical path of the light beam in a UV–vis–NIR spectrophotometer that allowed us to obtain electronic absorption spectra during the electrochemical experiments in a 0.1 M LiBF4/propylene carbonate solution. The optical absorbance spectra of the PA films, HV and ECDs matched to applied potentials are shown in Supplementary Figures S7, respectively. All the electroactive PAs were colorless and transparent at the bleaching state (0 V). Upon oxidation, the absorbance at a specific wavelength was greatly enhanced and exhibited unique spectral absorption for each PA. The detailed information of the spectroelectrochemical properties for these materials is in the Supplementary Information. In addition, according to the results of Supplementary Figure S9, the working voltage of both the anodic ECMs (PAs) and the cathodic ECM (HV) could be successively matched and demonstrated excellent complementary color-merging effects. When overlaying the absorption spectra of TPPA-PA (peaks at 430 and 600 nm in the visible region that are associated with a green color at the first oxidation step), TPB-PA (peak at 486 nm, associated with a red color at the first oxidation step) and HV (broad band centered at 603 nm, associated with a blue color at the first reduction step), their absorption range almost completely covered the whole visible spectrum, as shown in Figure 2.

Figure 2
figure 2

Schematic diagram of the electrochromic device (ECD) based on the ambipolar electrochromic materials (ECMs).

Material integration

To combine the spectroelectrochemical behaviors of TPPA-PA and TPB-PA, copolymerization and blending of the PAs were used, and the CV diagrams of integrated ECDs are described in Supplementary Figure S10. Both the ECDs derived from copolymerization (Copolymer-O) and polymer blending (Blending-O) exhibited similar reversible redox behaviors, and two oxidation potentials for both the Copolymer-O (1.0 and 1.1 V) and Blending-O (1.0 and 1.1 V) ECDs were observed, confirming the successful integration of the TPPA and TPB electrochromic units. UV–vis–NIR transmittance curves correlated to the applied potentials of the Copolymer-O and Blending-O ECDs are summarized in Supplementary Figure S11. The spectroelectrochemical characterizations of all ECMs are included in the UV–vis–NIR spectra, indicating that the ambipolar materials could complement each other and match well at the same redox potential (1.1 V).

In many previous reports,28, 29, 30 the stabilities of viologen-based ECDs were poor because of irreversible bleaching processes from the agglomeration of V1+ on the electrodes during operation. Therefore, we chose a longer carbon chain HV to increase the steric effects and reduce the chance of forming an agglomerate on the electrode. In addition, our ambipolar system ECD could further help solve this problem because the anodic and cathodic ECMs could serve as charge-storage layers to each other to enhance the electrochromic response ability of the ECD. As shown in Supplementary Figure S12a, the reversible electrochromic behavior of HV was observed by its characteristic absorption peaks (603 nm) for our Blending-O ECD. The electrochromic coloration efficiency (η=δOD/Q) and injected charge (electroactivity) after 100 switching steps are summarized in Supplementary Table S4. The Blending-O ECD was found to exhibit high stability and reserved >94% of its electroactivity after switching 100 times between 1.1 and −1.1 V (Supplementary Figure S12b). Although the combination of these two approaches can successfully merge the characteristics of the ECMs, a more convenient method for parameter regulation is polymer blending. Thus, the subsequent evaluation will focus on the polymer blending ECDs.

Thickness effects

The Blending-O ECD (film thickness: 250 nm) was colorless and transparent at its neutral state (0.0 V). After coloration, the transmittance over the whole visible spectrum decreased with a broad absorption band in the NIR and an obvious color change. However, the obtained ECD still did not reach an intense black color at this thickness. Thus, the Blending-O ECDs based on different thicknesses of PA films were prepared in order to obtain a higher degree of darkening at the colored state, and the results are summarized in Supplementary Figure S13 to S15. According to the results, the ECD revealed minimal transparency when the thickness of the PA film reached 1 μm. As depicted in Figure 3a and Supplementary Figure S13, the transmittance over the visible and NIR regions was effectively reduced to only 1% during the colored state (by applying a voltage from 0.0 to 1.9 V). As shown in the photos in Figure 3b, we observed that the Blending-O ECD (film thickness: 1 μm) turned ‘truly black’ at the colored state. This excellent performance is attributed to the increased thickness of Blending-O film. Despite this ECD showing excellent visible light absorption at its colored state, the transmittance over the visible spectrum was reduced to only 55% in the neutral form, indicating that the transparency of the ECD was obviously sacrificed at the bleached state.

Figure 3
figure 3

(a) Ultraviolet–visible (UV–vis) spectra of the Blending-O electrochromic devices (ECDs; air as reference) with different thicknesses (250 nm; 1 μm) on indium tin oxide (ITO)-coated glass substrates (coated area: 25 mm × 20 mm; containing 0.5 mg heptyl viologen (HV) as a cathodic electrochromic material (ECM)) in propylene carbonate with 3 wt% LiBF4 as the supporting electrolyte, and (b) photos of the ECDs in their bleached states and colored states.

Chemical structure effects

To solve the dilemma of the integrated ECD caused by increasing the thickness of the Blending-O film to 1 μm, modification of the PA structures was attempted, and the aromatic PAs (TPPA-O and TPB-O) synthesized from aromatic dicarboxylic acid were replaced by partially aromatic PAs (TPPA-A and TPB-A) produced by aliphatic diacid that could effectively reduce the conjugated length and suppress intra- and intermolecular charge transfer, resulting in improved transmittance over the visible spectrum in the neutral state, as shown in Supplementary Figure S16 and Figure 4. The transmittance in the visible region reached up to 65% (air as reference) for the Blending-A ECD in the bleached state. In addition, the transmittance in the colored state decreased to <5% in both the visible and NIR regions. Moreover, the dynamic change of the transmittance curves correlated to the coloring time for the Blending-A ECD, as depicted in Supplementary Figure S17, and an extremely significant transmittance change (ΔT) higher than 60% in the visible region (430–800 nm) and a high L* variation (ΔL*) of 81 were achieved by the ambipolar Blending-A ECD, as shown in Figure 5.

Figure 4
figure 4

(a) Ultraviolet–visible (UV–vis) spectra of the TPPA-TPB PA blending electrochromic devices (ECDs; air as reference) with different backbone structures (aromatic Blending-O and aliphatic Blending-A) on indium tin oxide (ITO)-coated glass substrates (coated area: 25 mm × 20 mm; thickness: 1 μm; containing 0.5 mg heptyl viologen (HV) as a cathodic electrochromic material (ECM)) in propylene carbonate with 3 wt% LiBF4 as the supporting electrolyte, and (b) photos of the ECDs at their bleached states and colored states.

Figure 5
figure 5

CIE 1976 color diagram of the Blending-A electrochromic device (ECD; coated area: 25 mm × 20 mm; thickness: 1 μm; containing 0.5 mg heptyl viologen (HV) as a cathodic electrochromic material (ECM)) in propylene carbonate with 3 wt% LiBF4 as the supporting electrolyte at an applied potential of 1.5 V for 20 s.

Furthermore, the response time and long-term stability were also investigated and are summarized in Supplementary Figure S16. The obtained ECD attained up to 90% of the coloring in 20 s with a significant ΔT and exhibited high electrochemical reversibility even over 5 h in the switched-on state. These results illustrate a novel and facile approach for tuning the transmission regions from highly transparent (T>65%) to ‘truly black’ (T<5%), as shown in Figure 6, and for tuning the electrochromic stability, indicating the high potential for this device for use in transparent displays and related optical devices.

Figure 6
figure 6

Ultraviolet–visible–near-infrared (UV–vis–NIR) spectra of the Blending-A electrochromic device (ECD; air as reference; coated area: 25 mm × 20 mm; thickness: 1 μm; containing 0.5 mg heptyl viologen (HV) as a cathodic electrochromic material (ECM)) in propylene carbonate with 3 wt% LiBF4 as the supporting electrolyte.

Conclusions

A high-performance ECD was successfully fabricated from three different types of electrochromic materials, TPPA-PA, TPB-PA and HV. By introducing HV as an efficient charge-trapping layer, the working voltage was greatly reduced, and the performance of the overall system was also enhanced. The Blending-A ECD system exhibited a ultra-high contrast from the bleaching state (highly transparent neutral form), with transmittance in the visible region >65%, to the colored state (‘truly black’ redox form), with transmittance of only <5% in both the visible and NIR regions. High ΔL* (81) and ΔT (60.0% in the visible region) were achieved by the colorless ECD. Thus, this ambipolar system with a low driving voltage and a high optical contrast ratio in both the visible and NIR regions could be claimed to be a truly ‘transmissive-to-black’ ECD, implying the great potential of this device as a shutter for transparent displays and energy-saving devices.

scheme 1

Synthesis of the polyamides (film thickness: 25 μm).