Vermilion | Causes of Color

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Vermilion | Causes of Color</title> <link rel="stylesheet" type="text/css" href="css/causeofcolors.css" media="all" /> <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />   <link rel="stylesheet" type="text/css" href="css/ads.css" media="screen" /> <link rel="shortcut icon" href="images/favicon.ico" /> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.js"></script> <script type="text/javascript" src="js/cause.js"></script> <script type="text/javascript" > $(function(){ $('#arrow').css('top', '155pt'); $('#w3chack').load('https://www.webexhibits.org/causesofcolor/w3chack.php'); }); </script> </head> <body > <div id="wrapper"> <div id="menu"> <div id="logo"> <a href="index.html"><img src="images/layout/neo_causes_of_color.jpg" alt="Causes of Color" border="0" /></a> </div> <div id="search_box"> <form action="/query.html"> <span id="w3chack"></span> <input type="hidden" name="tem" value="causesofcolor" /> <input type="hidden" name="col" value="webx" /> <input name="btnSubmit" type="image" src="images/layout/neo_search_submit.jpg" id="search_submit"/> </form> </div> <div id="menu_container"> <img id="arrow" src="images/layout/littleNavArrow.gif" border="0" alt="" /> <img name="menu_image" src="images/layout/navigation-april.jpg" width="194" height="539" border="0" id="menu_image" usemap="#m_menu" alt="" title="" /> <map name="m_menu" id="m_menu">  <area shape="rect" coords="5,2,190,30" href="index.html" /> <area shape="rect" coords="5,39,91,69" href="made.html" /> <area shape="rect" coords="94,42,189,62" href="3.html" /> <area shape="rect" coords="94,63,189,83" href="3B.html" /> <area shape="rect" coords="5,85,190,105" href="4.html" /> <area shape="rect" coords="5,106,190,126" href="4AD.html" /> <area shape="rect" coords="5,139,72,169" href="lost.html" /> <area shape="rect" coords="75,139,190,159" href="5.html" /> <area shape="rect" coords="75,162,190,182" href="7.html" /> <area shape="rect" coords="5,184,190,204" href="6.html" /> <area shape="rect" coords="5,205,190,225" href="9.html" /> <area shape="rect" coords="5,238,89,271" href="moved.html" /> <area shape="rect" coords="95,242,190,262" href="13.html" /> <area shape="rect" coords="95,263,190,283" href="14.html" /> <area shape="rect" coords="5,285,190,305" href="15A.html" /> <area shape="rect" coords="5,306,190,326" href="16.html" /> <area shape="rect" coords="6,338,88,368" href="other.html" /> <area shape="rect" coords="92,342,192,362" href="1.html" /> <area shape="rect" coords="92,363,192,383" href="1B.html" /> <area shape="rect" coords="7,385,192,405" href="2A.html" /> <area shape="rect" coords="6,406,191,426" href="17.html" /> <area shape="rect" coords="6,441,191,461" href="bibliography.html" /> <area shape="rect" coords="6,463,191,483" href="shop.html" /> <area shape="rect" coords="6,484,191,504" href="teaching.html" /> <area shape="rect" coords="6,505,191,525" href="about.html" /> </map> </div> <div id="webexhibits"> <a href="https://www.webexhibits.org" title="Webexhibits"><img src="images/layout/neo_webexhibits.jpg" alt="Webexhibits" border="0" /></a> </div> <div id="resizer"> font size:  <a id="smallFont" href="javascript:changeFontSize(-1);" title="smaller">a</a>  <a id="revertFont" href="javascript:revertStyles();" title="normal">a</a>  <a id="bigFont" href="javascript:changeFontSize(1);" title="bigger">a</a> </div> </div> <div id="content"> <div id="navigation"> <div id="nav_related"> <ul> <li>Related pages:</li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/9.html' >Gold</a> </li> <li class='level3 active'> <a href='https://www.webexhibits.org/causesofcolor/10.html'>Vermilion</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11.html' >Blue diamonds</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11A0.html' >Diamonds structure</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11AA.html' >Doped semiconductors</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11AB.html' >Fluorescence</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11F.html' >Do it Yourself</a> </li> </ul> </div> <div id="header_link"> <div class="prev_small"><a href="https://www.webexhibits.org/causesofcolor/9.html">«</a>  </div> <div class="next_small"><a href="https://www.webexhibits.org/causesofcolor/11.html">»</a></div> </div> </div> <div id="content_body" class="content"> <h2 class="print">A page from the "Causes of Color" exhibit...</h2> <div id="contentHeaders"> <h2>Why are cinnabar, vermilion and cadmium colored? (pure semiconductors)</h2> <img src="https://www.webexhibits.org/causesofcolor/media/generated/renderedType/1/e/1/b/35626ad044c64f97280ff2182d5d.gif" height="54" width="232" alt="Vermilion" border="0" class="ClassImage"/></div> <div id="contentHolder"> <table border="0" cellpadding="0" cellspacing="0" class="inlineBox tableText"> <tr> <td colspan="3" class="insideTable"> <p></p> <p><table class="wiki"><tr><th align=center>Substance</th><th align=center>Mineral name</th><th align=center>Pigment name</th><th align=center>Band gap (eV)</th><th align=center>Color</th></tr><tr><td>C</td><td>Diamond</td><td align=right></td><td>5.4</td><td>Colorless</td></tr><tr><td>ZnO</td><td>Zincite</td><td>Zinc white</td><td>3.0</td><td>Colorless</td></tr><tr><td>CdS</td><td>Greenockite</td><td>Cadmium yellow</td><td>2.6</td><td>Yellow</td></tr><tr><td>CdS<sub>1-x</sub>Se<sub>x</sub></td><td align=right></td><td>Cadmium orange</td><td>2.3</td><td>Orange</td></tr><tr><td>HgS</td><td>Cinnabar</td><td>Vermillion</td><td>2.0</td><td>Red</td></tr><tr><td>HgS</td><td>Metacinnabar</td><td align=right></td><td>1.6</td><td>Black</td></tr><tr><td>Si</td><td align=right></td><td align=right></td><td>1.1</td><td>Black</td></tr><tr><td>PbS</td><td>Galena</td><td align=right></td><td>0.4</td><td>Black</td></tr></table></p> </td> </tr> </table> <div class="caption"> <p>Above table shows the <b>relationship between the size of the band gap</b> in a semiconductor and its color.</p> </div> <div class="imageRight"> <div class="lightbox-box" style="width:249px;"> <div class="magnify-right"> <a href="images/content/istock000003556087smallZ.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/istock000003556087small.jpg" alt="" border="0" /> </div> <div class="caption"> <p><b>These silicon wafers</b>, which will be cut up and used in electronic devices, illustrate the metallic appearance of typical semiconductor materials. The surface is overlaid with laboratory-grown microelectronic circuitry.</p> </div> </div>  <p>A painter’s palette is rich with colors, some of which arise from the band gaps in natural semiconductors.</p> <p>The mechanism behind the color we perceive in semiconductors can be explained by the band theory that governs color in many metals. Like <a href="9.html">metals</a>, semiconductors have a reflective surface when polished, but they do not conduct electricity as effectively. In fact, semiconductors frequently act as insulators, and require particular conditions in order to become conductors. While metals become more resistant to the flow of charge with increasing temperature, semiconductors become conductors only with sufficient thermal energy, performing better as temperature increases.</p> <p>According to band theory, the electrons in some solids behave differently than those in individual atoms. In a single atom, an electron can occupy one of several distinct energy levels. When light strikes the surface, electrons in a lower energy level can be excited to a higher energy level. The distance between the levels represents the relative energy required to excite an electron. As atoms are brought closer together, these distinct energy levels interact. The low energy levels overlap and the high energy levels overlap. As the number of neighboring atoms increases, more overlap occurs and bands of low and high energy replace the distinct energy levels.</p> <p>The portion of the band below the level of the gap, called the valence band, contains a full complement of electrons in the absence of thermal energy. The portion of the band above the gap is known as the conduction band, because electrons excited to this level are available to conduct electricity. This leaves a positively charged "hole" in the valence band into which an electron can move, so that the valence band can also contribute to the flow of charge. However, unlike electrons in metals, electrons in semiconductors may not be re-emitted readily or immediately, so that absorption is always dominant over re-emission. </p> <div class="clear"></div> <table class="imageZoom"> <tr> <td class="td50"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-left"> <a href="images/content/30_dec08Z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/30_dec08.jpg" alt="" border="0" /> </div> <div class="caption"> <p><b>Comparing the energy band gap for insulators, semiconductors, and metals.</b> Insulators have a band gap so large that electrons cannot cross it, while in metals there is effectively no gap. Semiconductors lie between these extremes.</p> </div> </td> <td class="td50"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-right"> <a href="images/content/5z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/5.jpg" alt="" border="0" /> </div> <div class="caption"> <p><b>The absorption of light in a material</b> with a band gap separating the valence electron energy level from the conduction band energy level (left), and the variation of color with the size of the band gap (right)</p> </div> </td> </tr> </table>  <p>The portion of the band above the gap is known as the conduction band, because electrons excited to this level are available to conduct electricity. This leaves a positively charged "hole" in the valence band into which an electron can move, so that the valence band can also contribute to the flow of charge. A specific minimum energy is required to excite electrons across the energy gap from the valence band to the conduction band. This has important consequences for color. The magnitude of the energy spacing between the two bands is the "band gap" or "energy gap," usually designated E<sub>g</sub>.</p> <p>In this diagram, the vertical arrows A, B, and C represent the absorption of light. Since there are no electron energy levels in the band gap between the valence and conduction bands, the lowest-energy light that can be absorbed corresponds to arrow A. This is the energy required to excite an electron from the top of the valence band up to a level at the bottom of the conduction band. The energy required corresponds to the band-gap energy E<sub>g</sub>. Light of higher energy can also be absorbed, as shown by arrows B and C.</p> <p>If the substance has a large band gap, such as the 5.4 eV of diamond or the similar value of corundum, then no light in the visible spectrum can be absorbed. These substances transmit all incident light, and are colorless in their pure forms. In their powdered forms, or when their structure prevents light being transmitted, all light is reflected back to the observer and we see them as white. Such "large band gap semiconductors" are excellent insulators and behave like covalently bonded materials.</p> <p>If a <a href="1B.html">pigment</a> is able to absorb all wavelengths, we see it as black, just as we see most metals as black in their powdered form. A white pigment absorbs no visible light. As in subtractive color mixing, when a specific wavelength is absorbed from incident white light, we see its complementary color.</p> <p>A "medium band gap semiconductor" is a material with a somewhat smaller band gap, such as the compound cadmium sulfide (CdS). This is the pigment cadmium yellow, known as the mineral greenockite (more examples in table).</p> <p>In cadmium yellow, the 2.6 eV band gap energy permits absorption of violet and some blue, but none of the other colors. Only light above 2.6 eV is absorbed. We see it as a yellow color, as shown by the color scale at the right of the diagram. A smaller band gap that permits absorption of violet, blue, and green produces an orange color. An even smaller band gap, as in the pigment vermillion (the mineral cinnabar, HgS) with a band gap of 2.0 eV, results in all energies but the red being absorbed, leading to a red color.</p> <p>All light is absorbed when the band gap energy is less than the 1.77 eV (700 nm) limit of the visible spectrum. These "narrow band gap semiconductors" are black, as in the last three materials of the table.</p> <div class="clear"></div> <div class="imageLeft"> <img src="images/content/plate-IX-01.jpg" alt="" border="0" /> <div class="caption"> <p><b>Mixed crystals of yellow cadmium sulfide CdS and black cadmium selenide CdSe</b>, showing the variation of colors as the band gap decreases</p> </div> </div>  <p>An illustration of this change in the band gap size is shown using mixed crystals of yellow cadmium sulfide (CdS, E<sub>g</sub> = 2.6 eV), and black cadmium selenide (CdSe, E<sub>g</sub> = 1 .6 eV), which have the same structure and form a solid-solution series. The photograph above illustrates the yellow-orange-red-black sequence of these mixed crystals as the band-gap energy decreases.</p> <p>Mixed crystals such as cadmium sulfoselenide (Cd<sub>4</sub>SSe<sub>3</sub>) form the painter’s pigment cadmium orange, and are also used to color glass and plastic. Mercuric sulfide (HgS) exists in two different crystalline forms. Cinnabar (the pigment vermillion) with E<sub>g</sub> = 2.0 eV is a deep red, but can transform upon exposure to light in an improperly formulated paint to the black metacinnabar with E<sub>g</sub> = 1.6 eV in as little as five years; this has happened in a number of old paintings.</p> <p>Another method of manipulating the color of semiconductor materials is by adding impurities. These <a href="5.html">doped semiconductors</a> have energy levels within the band gap, and allow us to tailor the wavelength of emitted light. Some semiconductors contain impurities in their natural state, providing useful insights into these behaviors.</p> <div class="clear"></div> </div> </div> <div id="footer_link"> <div class="prev"><a href="https://www.webexhibits.org/causesofcolor/9.html">« Previous</a></div> <div class="next"><a href="https://www.webexhibits.org/causesofcolor/11.html">Next »</a></div> </div> <div id="footer"> webexhibits.org/causesofcolor — <a href="bibliography.html">Bibliography</a> — <a href="about.html">About</a> — <a href="credits.html">Credits & Feedback</a> </div> </div> <div id="ads"> <h3>Advertisement</h3> <div class="ads"> <script type="text/javascript"> </script> <script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div class="clear"></div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-WPCMZB9YJ2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WPCMZB9YJ2'); </script> </body> </html>

CINXE.COM

Vermilion | Causes of Color