CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width"/> <title>How color helps a movie tell its story | </title> <link rel="profile" href="https://gmpg.org/xfn/11"/> <link rel="pingback" href="https://ideas.ted.com/xmlrpc.php"/> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//ak.sail-horizon.com' /> <link rel='dns-prefetch' href='//cdn.cookielaw.org' /> <link rel='dns-prefetch' href='//cdn.georiot.com' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="ideas.ted.com » Feed" href="https://ideas.ted.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="ideas.ted.com » Comments Feed" href="https://ideas.ted.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/ideas.ted.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='all-css-0' href='https://ideas.ted.com/wp-content/mu-plugins/jetpack-14.0/modules/related-posts/related-posts.css?m=1734374581g' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='all-css-2' href='https://ideas.ted.com/wp-includes/css/dist/block-library/style.min.css?m=1732206022g' type='text/css' media='all' /> <link rel='stylesheet' id='all-css-4' href='https://ideas.ted.com/_static/??-eJzTLy/QzcxLzilNSS3WzyrWz01NyUxMzUnNTc0rQeEU5CRWphbp5qSmJyZX6uVm5uklFxfr6OPTDpRD5sM02efaGpobGxkZmBkYGQMARIMu1Q==' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='all-css-10' href='https://ideas.ted.com/wp-content/themes/ted-ideas/assets/fontawesome/font-awesome.css?m=1724098316g' type='text/css' media='all' /> <link rel='stylesheet' id='ted-ideas-google-fonts-css' href='//fonts.googleapis.com/css2?family=Barlow%3Aital%2Cwght%400%2C100%3B0%2C400%3B0%2C500%3B0%2C700%3B1%2C100%3B1%2C400%3B1%2C500%3B1%2C700&ver=6.7.1' media='all' /> <link rel='stylesheet' id='all-css-12' href='https://ideas.ted.com/_static/??-eJyNTssKwjAQ/CGTtbRSL+KnyDZZ0tU8SndD8e+tFUHx4mkezAwDy2RcyUpZQUdKJKDkDXtCARQhFXCymXbFHXzkp1gDZwFBjjrO1SzsA+mWf1ErdRA380A/5VTNu38lndDdTNPZPaTia1xfyIgzefT+vlHO4e+JC2cHUhxjNLGEIl/CJs7PqXM6NX3btX13ODYPyqdgHA==' type='text/css' media='all' /> <script type="text/javascript" id="ted_sponsor-js-extra"> /* <![CDATA[ */ var TED_SPONSORS = {"sponsors":[],"sponsored_posts":[],"is_single":"1","is_archive":"","archive_sponsor":"","single_post_sponsors":[]}; /* ]]> */ </script> <script type="text/javascript" id="jetpack_related-posts-js-extra"> /* <![CDATA[ */ var related_posts_js_options = {"post_heading":"h4"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/_static/??-eJytjuEKwjAMhF/ILg4n84/4KFLbMNu1aW1axbe36oQp4i8hEHJcvju4RGFIuaKRwdY5FUzXaTXeUGN5Ab9MwpshyYxzswqUkTLkI/r6klELo1EyRFcGQ0+FYyAOCSQz5gf3jKSrMIWrEEaD3/ILaUysQvpH6Ez9JPkiXr8Wc5RqFG3XLGFfy8ChGKchoZN3QgxccW/X1G3nt22/6lZ9t9609gY4ZYjB" ></script><script src='//ak.sail-horizon.com/spm/spm.v1.min.js?ver=6.7.1' type='text/javascript' async></script><script type="text/javascript" id="tag-js-extra"> /* <![CDATA[ */ var tag = {"options":{"customerId":"a107d7f43ad64daa9a7ef2f8bfde9d97"},"isCustom":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/wp-content/plugins/sailthru-widget/js/tag.js?m=1724100110g" ></script><script type="text/javascript" data-domain-script='6ac252ef-95dd-4e7f-8934-6c199ac6df42' src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" id="onetrust-notice-js"></script> <script type="text/javascript" id="onetrust-notice-js-after"> /* <![CDATA[ */ function OptanonWrapper() {} /* ]]> */ </script> <script type="text/javascript" id="ted-js-js-extra"> /* <![CDATA[ */ var ted = {"sidebar_ad_lazy_load_data":{"path":"5641\/ted3\/web\/ideas","id":"acm-ad-tag-homepage-ad","size":[300,250],"targeting":[["article","how-color-helps-a-movie-tell-its-story"],["post-slug","how-color-helps-a-movie-tell-its-story"],["post-id",104833],["tag",["Alfred Hitchcock","Barry Jenkins","blog","cinematography","color","danielle feinberg","film","filmmaking","James Laxton","Kate Torgovnick May","moonlight","movies"]]]}}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/_static/??/wp-content/themes/ted-ideas/assets/js/ted.js,/wp-content/themes/ted-ideas/assets/js/legacy/tracking.js?m=1724098316j" ></script><script type="text/javascript" src="https://cdn.georiot.com/snippet.js?ver=6.7.1" id="geniuslink-js"></script> <script type="text/javascript" id="geniuslink-handler-js-extra"> /* <![CDATA[ */ var geniusLink = {"tsid":"12134","selector":".hentry .block-text a"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/_static/??-eJxtjDEOgzAMAD/UYCiowIB4CxArOAQXxY74fkEMZWC7G+5g38z0ZUVW2EJyxAKK1tzZIVOSQLyAF/ibmQe2AWPm5QUPHxko6ByT2ck61DO+KJM0yhRpxCPt166o31XeNmXx8T+cMDVk" ></script><link rel="https://api.w.org/" href="https://ideas.ted.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ideas.ted.com/wp-json/wp/v2/posts/104833" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ideas.ted.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/" /> <link rel='shortlink' href='https://ideas.ted.com/?p=104833' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ideas.ted.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fideas.ted.com%2Fhow-color-helps-a-movie-tell-its-story%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ideas.ted.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fideas.ted.com%2Fhow-color-helps-a-movie-tell-its-story%2F&format=xml" />  <meta name="sailthru.date" content="2017-04-05 08:32:51" /> <meta name="sailthru.title" content="How color helps a movie tell its story" /> <meta name="sailthru.tags" content=",Alfred Hitchcock,Barry Jenkins,blog,cinematography,color,danielle feinberg,film,filmmaking,James Laxton,Kate Torgovnick May,moonlight,movies,Arts + Design" /> <meta name="sailthru.description" content="There’s no Academy Award for Best Color -- yet -- but this less-celebrated element of filmmaking is used to propel and convey the plot. Here’s how." /> <meta name="sailthru.image.full" content="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg" /> <meta name="sailthru.image.thumb" content="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?w=50" />  <style>img#wpstats{display:none}</style> <meta property="fb:pages" content="29092950651" /> <meta property="ia:markup_url" content="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?ia_markup=1" /> <meta name="google-site-verification" content="kpf8-2HuYyPjVRR4Dgk7MTSM4jiKCDbp5n7GQwulGGs" /> <meta content = "summary_large_image" property = "twitter:card" /> <meta content = "@tedtalks" property = "twitter:site" /> <meta content = "376183339" property = "twitter:app:id:iphone" /> <meta content = "376183339" property = "twitter:app:id:ipad" /> <meta content = "com.ted.android" property = "twitter:app:id:googleplay" /> <meta content = "TED Talks" property = "twitter:app:name:ipad" /> <meta content = "TED Talks" property = "twitter:app:name:iphone" /> <meta content = "TED Talks" property = "twitter:app:name:googleplay" /> <script type="text/javascript">var sailthru_vars = {"ajaxurl":"https:\/\/ideas.ted.com\/wp-admin\/admin-ajax.php"}</script><script type = "text/javascript"> (function () { window.advBidxc = window.advBidxc || {}; window.advBidxc.customerId = "8CUETUT4L"; // Customer ID window.advBidxc.domain = window.location.hostname; window.advBidxc.version = 5.1; window.advBidxc.startTime = new Date().getTime(); function loadScript(tagSrc) { var scriptTag = document.createElement('script'), placeTag = document.getElementsByTagName("script")[0]; scriptTag.type = 'text/javascript'; scriptTag.async = true; scriptTag.src = tagSrc; placeTag.parentNode.insertBefore(scriptTag, placeTag);} var mnSrc = 'https://hbx.media.net/bidexchange.js?cid=' + window.advBidxc.customerId + "&version=" + window.advBidxc.version + '&dn=' + window.advBidxc.domain; loadScript(mnSrc); })(); </script>  <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; ( function () { var gads = document.createElement( 'script' ); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = ( useSSL ? 'https:' : 'http:' ) + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName( 'script' )[0]; node.parentNode.insertBefore( gads, node ); } )(); googletag.cmd.push( function () { var adSlot = googletag.defineSlot( "/", [300, 250], "acm-ad-tag-" ).addService( googletag.pubads() ); adSlot.setTargeting( 'article', 'how-color-helps-a-movie-tell-its-story' ); adSlot.setTargeting( 'post-slug', 'how-color-helps-a-movie-tell-its-story' ); adSlot.setTargeting( 'post-id', 104833 ); adSlot.setTargeting( 'tag', ["Alfred Hitchcock","Barry Jenkins","blog","cinematography","color","danielle feinberg","film","filmmaking","James Laxton","Kate Torgovnick May","moonlight","movies"] ); var adSlot = googletag.defineSlot( "5641/ted3/web/ideas", [[300, 250], [300, 600], [300, 1050]], "acm-ad-tag-sidebar-ad" ).addService( googletag.pubads() ); var mapping = googletag.sizeMapping() .addSize( [0, 0], [300, 250] ) .addSize( [980, 0], [ [300, 250], [300, 600], [300, 1050] ] ) .build(); adSlot.defineSizeMapping( mapping ); adSlot.setTargeting( 'article', 'how-color-helps-a-movie-tell-its-story' ); adSlot.setTargeting( 'post-slug', 'how-color-helps-a-movie-tell-its-story' ); adSlot.setTargeting( 'post-id', 104833 ); adSlot.setTargeting( 'tag', ["Alfred Hitchcock","Barry Jenkins","blog","cinematography","color","danielle feinberg","film","filmmaking","James Laxton","Kate Torgovnick May","moonlight","movies"] ); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); } ); </script>  <meta property="og:type" content="article" /> <meta property="og:title" content="How color helps a movie tell its story" /> <meta property="og:url" content="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/" /> <meta property="og:description" content="There’s no Academy Award for Best Color — yet — but this less-celebrated element of filmmaking is used to propel and convey the plot. Here’s how." /> <meta property="article:published_time" content="2017-04-05T12:32:51+00:00" /> <meta property="article:modified_time" content="2024-07-25T17:36:03+00:00" /> <meta property="og:site_name" content="ideas.ted.com" /> <meta property="og:image" content="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg" /> <meta property="og:image:width" content="770" /> <meta property="og:image:height" content="433" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta name="twitter:text:title" content="How color helps a movie tell its story" /> <meta name="twitter:image" content="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?w=640" /> <meta name="twitter:card" content="summary_large_image" />  </head> <body class="post-template-default single single-post postid-104833 single-format-standard"> <header class="main-header" id="header"> <div class="container"> <button id="header-menu-toggle" class="toggle-mobile header-menu"><span aria-hidden="true">Menu</span></button> <a href="https://ideas.ted.com/" class="header-badge"> ideas.ted.com </a> <div class="header-global"> <div class="header-tagline">Ideas change everything</div> <div class="header-logo"> <a href="https://www.ted.com/" class="header-logo-link" target="_blank"> <img src="https://ideas.ted.com/wp-content/themes/ted-ideas/assets/images/ted-logo.svg" alt="TED Logo" class="header-logo-image"> </a> </div> </div> <div class="header-article"> <a href="" class="header-article-link"> How color helps a movie tell its story </a> </div> <div class="header-search-input"> <form role="search" method="get" class="search-form" action="https://ideas.ted.com/"> <a href="#" class="search-form-link"> <img src="https://ideas.ted.com/wp-content/themes/ted-ideas/assets/images/search.svg" alt="Search Icon" class="search-icon"> </a> <label class="screen-reader-text">Search for:</label> <div class="search-field-group"> <input type="search" class="search-field" placeholder="Search ..." value="" name="s" title="Search for:" /> <input type="submit" class="search-submit hidden" value="Search" /> </div> </form> </div> </div> </header> <nav class="main-nav" id="main-nav"> <div class="container"> <ul id="menu-header-nav" class="main-nav-list"><li id="menu-item-100221" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-100221"><a href="https://ideas.ted.com/category/tech/">Tech</a></li> <li id="menu-item-100222" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-100222"><a href="https://ideas.ted.com/category/business/">Business</a></li> <li id="menu-item-100220" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-100220"><a href="https://ideas.ted.com/category/arts-design/">Arts + Design</a></li> <li id="menu-item-100219" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-100219"><a href="https://ideas.ted.com/category/science/">Science</a></li> <li id="menu-item-100218" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-100218"><a href="https://ideas.ted.com/category/we-humans/">We humans</a></li> </ul> <div class="main-nav-search"> <form role="search" method="get" class="search-form" action="https://ideas.ted.com/"> <a href="#" class="search-form-link"> <img src="https://ideas.ted.com/wp-content/themes/ted-ideas/assets/images/search.svg" alt="Search Icon" class="search-icon"> </a> <label class="screen-reader-text">Search for:</label> <div class="search-field-group"> <input type="search" class="search-field" placeholder="Search ..." value="" name="s" title="Search for:" /> <input type="submit" class="search-submit hidden" value="Search" /> </div> </form> </div> </div> </nav> <article class="article article-regular post-104833 post type-post status-publish format-standard has-post-thumbnail hentry category-arts-design tag-alfred-hitchcock tag-barry-jenkins tag-blog tag-cinematography tag-color tag-danielle-feinberg tag-film tag-filmmaking tag-james-laxton tag-kate-torgovnick-may tag-moonlight tag-movies"> <div class="container"> <div class="article-header"> <span class="category"><a href="https://ideas.ted.com/category/arts-design/" rel="category tag">Arts + Design</a></span> <h1 class="single-post-title">How color helps a movie tell its story</h1> <span class="date">Apr 5, 2017</span> <span class="separator"> / </span> <a href="https://ideas.ted.com/author/kateted/" title="Posts by Kate Torgovnick May" class="author url fn" rel="author">Kate Torgovnick May</a> </div>  <div class="article-sharing"> <div class="sharing-container"> <div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon sd-sharing"><h3 class="sd-title">Share This Idea</h3><div class="sd-content"><ul><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-104833" class="share-facebook sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=facebook" target="_blank" title="Click to share on Facebook" ><span></span><span class="sharing-screen-reader-text">Click to share on Facebook (Opens in new window)</span></a></li><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-104833" class="share-twitter sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=twitter" target="_blank" title="Click to share on Twitter" ><span></span><span class="sharing-screen-reader-text">Click to share on Twitter (Opens in new window)</span></a></li><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-104833" class="share-linkedin sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=linkedin" target="_blank" title="Click to share on LinkedIn" ><span></span><span class="sharing-screen-reader-text">Click to share on LinkedIn (Opens in new window)</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=reddit" target="_blank" title="Click to share on Reddit" ><span></span><span class="sharing-screen-reader-text">Click to share on Reddit (Opens in new window)</span></a></li><li class="share-pocket"><a rel="nofollow noopener noreferrer" data-shared="" class="share-pocket sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=pocket" target="_blank" title="Click to share on Pocket" ><span></span><span class="sharing-screen-reader-text">Click to share on Pocket (Opens in new window)</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon no-text" href="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/?share=jetpack-whatsapp" target="_blank" title="Click to share on WhatsApp" ><span></span><span class="sharing-screen-reader-text">Click to share on WhatsApp (Opens in new window)</span></a></li><li class="share-end"></li></ul></div></div></div> </div> </div>  <div class="article-content"> <img width="750" height="422" src="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?w=750" class="attachment-single-featured size-single-featured wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg 2000w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=150,84 150w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=300,169 300w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=768,432 768w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=1024,576 1024w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=1536,864 1536w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=178,100 178w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=750,422 750w, https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?resize=50,28 50w" sizes="(max-width: 750px) 100vw, 750px" data-attachment-id="104874" data-permalink="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/featured_art_moonlight_1-12-3/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg" data-orig-size="2000,1125" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FEATURED_ART_MOONLIGHT_1.12.3" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/featured_art_moonlight_1-12-3.jpg?w=770" /><div class="featured-image-caption"></div> <h2>There’s no Academy Award for Best Color — yet — but this less-celebrated element of filmmaking is used to propel and convey the plot. Here’s how.</h2> <p>A sunny, hopeful yellow. An introspective turquoise. An arresting, violent red. When you see a color in a film, what you see is no accident — filmmakers carefully compose each frame and make color decisions that affect your experience of watching, even if you don’t realize it. Here are the ways in which filmmakers use color to deepen narrative.</p> <figure id="attachment_104882" aria-describedby="caption-attachment-104882" style="width: 500px" class="wp-caption aligncenter"><a href="https://giphy.com/gifs/meme-image-know-12jdalMQkt7iM"><img decoding="async" data-attachment-id="104882" data-permalink="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/source/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source.gif" data-orig-size="500,290" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="source" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source.gif?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source.gif?w=500" class="wp-image-104882 size-full" src="https://wpvip.ted.com/wp-content/uploads/sites/3/2017/04/source.gif" alt="" width="500" height="290" /></a><figcaption id="caption-attachment-104882" class="wp-caption-text">via <a href="https://giphy.com/gifs/meme-image-know-12jdalMQkt7iM">GIPHY</a></figcaption></figure> <p><b>Color simplifies complex stories.</b> We think of early films as black-and-white, but color has been around since the start — it lent authenticity to the travelogues of the 1890s and made works like Georges Méliès’ <i>A Trip to the Moon</i> (1902) feel fantastical. Barbara Flueckiger, film professor at the University of Zurich, has <a href="http://zauberklang.ch/filmcolors/timeline-of-historical-film-colors/#/" target="_blank" rel="noopener">created a timeline of the 230+ processes used to color films</a> over time, and by some estimates, up to 80 percent of early films featured color. Filmmakers realized that different tones could help viewers follow stories that jumped between characters and locations. In <i>Intolerance </i>(1916), for example, D.W. Griffith gave each of his four storylines a unique tint to signal they took place in different time periods. To achieve color, early filmmakers immersed film strips in dyes and chemicals, or had them painted by hand — a labor-intensive process done mainly by women in sweatshops. Sound is what ended color’s onscreen reign, because connecting a soundtrack to a film strip with applied color was difficult. Color didn’t return until 1932, when Technicolor created a process which transferred dye onto film. With prestige productions like <i>The Wizard of Oz </i>(1939) and <i>Gone with the Wind</i> (1939), Technicolor developed many of the color techniques still used today, even as film has gone digital.</p> <figure id="attachment_104883" aria-describedby="caption-attachment-104883" style="width: 500px" class="wp-caption aligncenter"><a href="https://giphy.com/gifs/disney-computer-the-incredibles-Kcgz655R3kcO4"><img decoding="async" data-attachment-id="104883" data-permalink="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/giphy-1/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-1.gif" data-orig-size="426,168" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="giphy (1)" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-1.gif?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-1.gif?w=426" class="wp-image-104883 size-full" src="https://wpvip.ted.com/wp-content/uploads/sites/3/2017/04/giphy-1.gif" alt="" width="500" height="290" /></a><figcaption id="caption-attachment-104883" class="wp-caption-text">via <a href="https://giphy.com/gifs/disney-computer-the-incredibles-Kcgz655R3kcO4">GIPHY</a></figcaption></figure> <p><b>Color makes the audience feel. </b>Danielle Feinberg, director of photography at Pixar, describes herself as “color obsessed” (TED Talk: <a href="https://www.ted.com/talks/danielle_feinberg_the_magic_ingredient_that_brings_pixar_movies_to_life" target="_blank" rel="noopener">The magic ingredient that brings Pixar films to life</a>). “I think about it nonstop,” she said. “Lighting and color are part of the backbone of emotion.” She points to the scene in <i>The Incredibles</i> (2004) where Mr. Incredible works at his desk at Insuracare — the colors are dulled and gray to communicate a sense of depression. In <i>Toy Story 3 </i>(2010), a yellowish-green around the character Lots-o’-Huggin’ Bear foreshadows that maybe this isn’t the sweet, lovable bear you thought. For each film, Pixar creates a “color script” that maps out the hues for all scenes so they fit within the larger story arc. The goal: to make key moments feel appropriately vibrant or somber. Feinberg looks at the opening of <i>WALL-E </i>(2008): “We had to do massive visual storytelling because there’s no dialogue — only robot boops and beeps. Yet, we needed the audience to understand that we’re on Earth, that it’s polluted, and that WALL-E’s the last one left. So we limited the palette to tans and oranges,” she said. “Our production designer was adamant that there be no green anywhere, because he wanted a visual punch when WALL-E finds a plant for the first time.” Color amplifies this important moment. “Your eyes have been washed in a limited palette and suddenly there’s intense green,” said Feinberg. “It cerebrally makes a difference.”</p> <figure id="attachment_104884" aria-describedby="caption-attachment-104884" style="width: 516px" class="wp-caption aligncenter"><a href="https://giphy.com/gifs/a24-moonlight-barry-jenkins-26hisgqHeNNktWN44"><img loading="lazy" decoding="async" data-attachment-id="104884" data-permalink="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/source-1/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source-1.gif" data-orig-size="750,375" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="source (1)" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source-1.gif?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/source-1.gif?w=750" class="wp-image-104884" src="https://wpvip.ted.com/wp-content/uploads/sites/3/2017/04/source-1.gif" alt="" width="516" height="258" /></a><figcaption id="caption-attachment-104884" class="wp-caption-text">via <a href="https://giphy.com/gifs/a24-moonlight-barry-jenkins-26hisgqHeNNktWN44">GIPHY</a></figcaption></figure> <p><b>Color shows a character’s journey.</b> In this year’s Best Picture Oscar winner, <a href="http://moonlight.movie/" target="_blank" rel="noopener"><i>Moonlight</i></a>, director Barry Jenkins tells the story of a boy named Chiron growing up in a rough neighborhood and wrestling with his identity amid the crack epidemic and extreme bullying. While sharing this difficult story, Jenkins also wanted to capture the “magic of Miami,” the city where he grew up. Cinematographer James Laxton worked with Alex Bickel, colorist at <a href="http://colorcollective.com/" target="_blank" rel="noopener">Color Collective</a>, to think about the color design of the film early in the process — and then they spent about 100 hours after filming fine-tuning the color grade digitally. “Miami is an inherently colorful place,” said Laxton. “We were able to saturate colors and bend hues to enhance things.” They also emulated the color characteristics of three different film stocks to show the evolution of the main character. <i>Moonlight</i> tells Chiron’s story in three parts: in part one, when he’s known as “Little,” they emulated Fujifilm stock, which brings out lush greens and blues; in part two, as he becomes the teenage “Chiron,” they emulated Agfa stock, which has cyan in its highlights and makes things seem a little off-kilter; in part three, when he transforms into the adult “Black,” they moved to Kodak Film stock, which gives a polished, Hollywood look.</p> <figure id="attachment_104918" aria-describedby="caption-attachment-104918" style="width: 480px" class="wp-caption aligncenter"><a href="https://giphy.com/gifs/chuber-alfred-hitchcock-vertigo-kim-novak-TJJkMb7kNDfG/"><img loading="lazy" decoding="async" data-attachment-id="104918" data-permalink="https://ideas.ted.com/how-color-helps-a-movie-tell-its-story/giphy-7/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-7.gif" data-orig-size="480,270" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="giphy (7)" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-7.gif?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2017/04/giphy-7.gif?w=480" class="wp-image-104918 size-full" src="https://wpvip.ted.com/wp-content/uploads/sites/3/2017/04/giphy-7.gif" alt="" width="480" height="270" /></a><figcaption id="caption-attachment-104918" class="wp-caption-text">via <a href="https://giphy.com/gifs/chuber-alfred-hitchcock-vertigo-kim-novak-TJJkMb7kNDfG/">GIPHY</a></figcaption></figure> <p><b>Color communicates a film’s ideas. </b>Filmmaker Lewis Bond hosts a <a href="https://www.youtube.com/channel/UCL5kBJmBUVFLYBDiSiK1VDw" target="_blank" rel="noopener">YouTube channel on film craft</a> and he has made a poetic <a href="https://www.youtube.com/watch?v=aXgFcNUWqX0&t=324s" target="_blank" rel="noopener">explainer on color in film.</a> In it, he explores how colors reveal a film’s meaning, and he recommends watching movies for specific color repetitions. “When a color repeats, it’s associated with an idea,” he said. “When the color changes, it shows you this concept has changed.” In Alfred Hitchcock’s <i>Vertigo</i> (1958), green is associated with Madeleine and the main character’s obsession with her. The color becomes more and more prevalent, and eerie, right through the film’s conclusion. In <i>Blue Is the Warmest Color</i> (2013), blue is everywhere — and while the shades are bright and vivid at first, they become icy and pale. “It’s a visual externalization of tenderness fading,” said Bond. In <i>Moonlight</i>, cinematographer Laxton made a bold color choice that adds meaning — putting a bright, jarring hot pink in strategic scenes. We see it first in a heart-stopping sequence with Chiron’s mother. “We discovered that hue shooting the scene, and it just did a lot of things for us,” said Laxton. It feels both angry and sensual at the same time, but beyond that, the color signals moments when Chiron breaks from reality. The pink color repeats in a dream sequence, as Chiron faces his real desires — another key moment when his identity is forged. “It feels heightened,” said colorist Alex Bickel. “It takes you to a supernatural place.”</p> <p><b>While color helps further a film’s story, all interviewed here agree: It must do so without calling too much attention to itself. </b>“The last thing I want anyone to think while watching a movie is, ‘God, the color in this scene is great. Or, it’s terrible,’” said Bickel. “It works best on a subconscious level.”</p> <div class="author-footer"> <h3>About the author</h3><p><strong><a href="https://ideas.ted.com/author/kateted/">Kate Torgovnick May</a></strong> is a writer at TED.com. She can also solve a Rubik's Cube in less than two minutes. Read more about her work at KateTorgovnickMay.com.</p> </div>  <ul class="article-tags"><li><a href="https://ideas.ted.com/tag/alfred-hitchcock/" rel="tag">Alfred Hitchcock</a></li><li><a href="https://ideas.ted.com/tag/barry-jenkins/" rel="tag">Barry Jenkins</a></li><li><a href="https://ideas.ted.com/tag/blog/" rel="tag">blog</a></li><li><a href="https://ideas.ted.com/tag/cinematography/" rel="tag">cinematography</a></li><li><a href="https://ideas.ted.com/tag/color/" rel="tag">color</a></li><li><a href="https://ideas.ted.com/tag/danielle-feinberg/" rel="tag">danielle feinberg</a></li><li><a href="https://ideas.ted.com/tag/film/" rel="tag">film</a></li><li><a href="https://ideas.ted.com/tag/filmmaking/" rel="tag">filmmaking</a></li><li><a href="https://ideas.ted.com/tag/james-laxton/" rel="tag">James Laxton</a></li><li><a href="https://ideas.ted.com/tag/kate-torgovnick-may/" rel="tag">Kate Torgovnick May</a></li><li><a href="https://ideas.ted.com/tag/moonlight/" rel="tag">moonlight</a></li><li><a href="https://ideas.ted.com/tag/movies/" rel="tag">movies</a></li></ul>  </div>  <div class="article-sidebar"> <div class="widget ad"> <div id="acm-ad-tag-sidebar-ad"> <script> googletag.cmd.push( function() { googletag.display('acm-ad-tag-sidebar-ad'); }); </script> </div> <div class="ad-label">Advertisement</div> </div> <div class="article-sidebar__sticky">  <aside id="mc_embed_signup" class="widget widget_newsletter"> <h2 class="widget-title">FRESH IDEAS IN YOUR INBOX</h2> <form action="//ted.us1.list-manage.com/subscribe/post?u=07487d1456302a286cf9c4ccc&id=794c227a0b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input type="hidden" name="list_id" value="794c227a0b"/> <div id="mc_embed_signup_scroll"> <input type="email" value="" name="EMAIL" class="email ted-newsletter" id="mce-EMAIL" placeholder="Sign up with your email address" required> <div class="mailchimp-error"></div>  <div style="position: absolute; left: -5000px;"><input type="text" name="b_07487d1456302a286cf9c4ccc_794c227a0b" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="ted-gray-button"></div> </div> </form> </aside>  <div class="widget totd"> <h3 class="widget-title">TED Talk of the Day</h3> <a href="http://www.ted.com/talks/al_gore_how_to_make_radical_climate_action_the_new_normal"> <div class="talk-image"> <img src="https://pe.tedcdn.com/images/ted/4ddec59e255580a6273d2a195eb4c4ca8b1aa705_240x180.jpg" alt="Al Gore: How to make radical climate action the new normal"> </div> <div class="talk-body"> <span class="author">Al Gore</span> <h4>How to make radical climate action the new normal</h4> </div> </a> </div> <aside id="acm_ad_zones-3" class="widget acm_ad_zones"> <div id="acm-ad-tag-%tag_id%"> <script> googletag.cmd.push( function() { googletag.display('acm-ad-tag-%tag_id%'); }); </script> </div> </aside> <div class="widget totd"> <h3 class="widget-title">TED Talk of the Day</h3> <a href="http://www.ted.com/talks/al_gore_how_to_make_radical_climate_action_the_new_normal"> <div class="talk-image"> <img src="https://pe.tedcdn.com/images/ted/4ddec59e255580a6273d2a195eb4c4ca8b1aa705_240x180.jpg" alt="Al Gore: How to make radical climate action the new normal"> </div> <div class="talk-body"> <span class="author">Al Gore</span> <h4>How to make radical climate action the new normal</h4> </div> </a> </div>  <aside id="mc_embed_signup" class="widget widget_newsletter"> <h2 class="widget-title">Sign up for the Ideas newsletter</h2> <form action="//ted.us1.list-manage.com/subscribe/post?u=07487d1456302a286cf9c4ccc&id=794c227a0b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input type="hidden" name="list_id" value="794c227a0b"/> <div id="mc_embed_signup_scroll"> <input type="email" value="" name="EMAIL" class="email ted-newsletter" id="mce-EMAIL" placeholder="Sign up with your email address" required> <div class="mailchimp-error"></div>  <div style="position: absolute; left: -5000px;"><input type="text" name="b_07487d1456302a286cf9c4ccc_794c227a0b" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="ted-gray-button"></div> </div> </form> </aside>  </div> </div> </div>  </article>  <div class="reading-list"> <ul class="reading-list__tabs ted-tab__tabs"> <li class="active"><a href="#similar">Similar</a></li> <li><a href="#popular">Popular</a></li> </ul> <div class="ted-tab__content"> <ul id="similar"> <li class="reading-list__item"> <a href="https://ideas.ted.com/11-book-and-music-recommendations-that-will-ignite-your-imagination/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/12/FINAL_Imagination_Booklist_Credit-Stocksy.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="123386" data-permalink="https://ideas.ted.com/11-book-and-music-recommendations-that-will-ignite-your-imagination/final_imagination_booklist_credit-stocksy/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/12/FINAL_Imagination_Booklist_Credit-Stocksy.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FINAL_Imagination_Booklist_Credit-Stocksy" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/12/FINAL_Imagination_Booklist_Credit-Stocksy.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/12/FINAL_Imagination_Booklist_Credit-Stocksy.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> 11 book and music recommendations that will ignite your imagination </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/8-shows-and-movies-about-the-future-of-food-our-planet-and-climate/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/11/FINAL_Countdown_Netflix.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="123329" data-permalink="https://ideas.ted.com/8-shows-and-movies-about-the-future-of-food-our-planet-and-climate/final_countdown_netflix/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/11/FINAL_Countdown_Netflix.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FINAL_Countdown_Netflix" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/11/FINAL_Countdown_Netflix.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/11/FINAL_Countdown_Netflix.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> 8 mouthwatering TV shows and movies about the future of food and our planet </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/must-watch-adventure-fantasy-and-romance-movies-about-climate-change-and-environment/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/10/FINAL_Climate_Movies_credit-Stocksy.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="123244" data-permalink="https://ideas.ted.com/must-watch-adventure-fantasy-and-romance-movies-about-climate-change-and-environment/final_climate_movies_credit-stocksy/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/10/FINAL_Climate_Movies_credit-Stocksy.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FINAL_Climate_Movies_credit-Stocksy" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/10/FINAL_Climate_Movies_credit-Stocksy.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/10/FINAL_Climate_Movies_credit-Stocksy.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> 9 must-watch adventure, fantasy and romance movies you didn’t know were about climate </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/enda-burke-surreal-pandemic-lockdown-photo-gallery/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/05/FEATURED_mamsworkout.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="122615" data-permalink="https://ideas.ted.com/enda-burke-surreal-pandemic-lockdown-photo-gallery/featured_mamsworkout/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/05/FEATURED_mamsworkout.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FEATURED_mamsworkout" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/05/FEATURED_mamsworkout.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/05/FEATURED_mamsworkout.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> Gallery: During lockdown, this street photographer created a vibrant, surreal world starring his parents </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/lab-grown-leather-future-of-sustainable-fashion/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/04/FINAL_Lab_Grown_Leather.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="122421" data-permalink="https://ideas.ted.com/lab-grown-leather-future-of-sustainable-fashion/final_lab_grown_leather/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/04/FINAL_Lab_Grown_Leather.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FINAL_Lab_Grown_Leather" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/04/FINAL_Lab_Grown_Leather.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/04/FINAL_Lab_Grown_Leather.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> Leather is bad for animals and the planet — but what if we made it in a lab? </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/astrophotographer-jack-fusco-night-sky-gallery/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/03/Jack-Fusco-TED-Ideas-Malibu-Bioluminesence.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="122372" data-permalink="https://ideas.ted.com/astrophotographer-jack-fusco-night-sky-gallery/jack-fusco-ted-ideas-malibu-bioluminesence/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/03/Jack-Fusco-TED-Ideas-Malibu-Bioluminesence.jpg" data-orig-size="2000,1333" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"Jack Fusco","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Jack Fusco – TED Ideas – Malibu Bioluminesence" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/03/Jack-Fusco-TED-Ideas-Malibu-Bioluminesence.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/03/Jack-Fusco-TED-Ideas-Malibu-Bioluminesence.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> Gallery: 11 otherworldly photos of land, sea and sky at night </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/arctic-climate-science-mosaic-research-expedition-photo-gallery/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2022/02/FEATURED_EstherHorvath_WomenOfArcticScience-001.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="122199" data-permalink="https://ideas.ted.com/arctic-climate-science-mosaic-research-expedition-photo-gallery/featured_estherhorvath_womenofarcticscience-001/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/02/FEATURED_EstherHorvath_WomenOfArcticScience-001.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FEATURED_EstherHorvath_WomenOfArcticScience-001" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/02/FEATURED_EstherHorvath_WomenOfArcticScience-001.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2022/02/FEATURED_EstherHorvath_WomenOfArcticScience-001.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> 24/7 darkness, polar bears and ice everywhere: 8 striking photos of Arctic researchers at work </h3> </a> </li> <li class="reading-list__item"> <a href="https://ideas.ted.com/impact-of-tiny-homes-on-the-environment-and-affordable-housing/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2021/09/FEATURED_tiny-home-exterior3.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="121318" data-permalink="https://ideas.ted.com/impact-of-tiny-homes-on-the-environment-and-affordable-housing/featured_tiny-home-exterior3/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/09/FEATURED_tiny-home-exterior3.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FEATURED_tiny home exterior3" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/09/FEATURED_tiny-home-exterior3.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/09/FEATURED_tiny-home-exterior3.jpg?w=770" /><span class="reading-list__slug"> Arts + Design </span> <h3 class="reading-list__title"> Could tiny homes be the adorable, affordable and sustainable housing that our planet needs? </h3> </a> </li> </ul> <ul id="popular"> <li class="reading-list__item"> <a href="https://ideas.ted.com/6-ways-to-give-that-arent-about-money/"> <img width="190" height="114" src="https://ideas.ted.com/wp-content/uploads/sites/3/2024/01/IDEAS_6WaystoGive_2000x1200.jpg?w=190&h=114&crop=1" class="reading-list__image wp-post-image" alt="" loading="lazy" data-attachment-id="123754" data-permalink="https://ideas.ted.com/6-ways-to-give-that-arent-about-money/ideas_6waystogive_2000x1200/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2024/01/IDEAS_6WaystoGive_2000x1200.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"20220802","orientation":"1"}" data-image-title="IDEAS_6WaystoGive_2000x1200" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2024/01/IDEAS_6WaystoGive_2000x1200.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2024/01/IDEAS_6WaystoGive_2000x1200.jpg?w=770" /><span class="reading-list__slug"> We humans </span> <h3 class="reading-list__title"> 6 ways to give that aren't about money </h3> </a> </li> </ul> </div> </div> <div class="recommended"> <div class="container"> <div class="row"> <div class="recommended__item"> <a href="https://ideas.ted.com/10-great-films-from-female-directors-that-you-need-to-stream-right-now/"> <div class="fixed-ratio ratio--5-3"> <img width="345" height="207" src="https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?w=345&h=207&crop=1" class="recommended__image fixed-ratio-content wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg 2000w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=150,90 150w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=300,180 300w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=768,461 768w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=1024,614 1024w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=1536,922 1536w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=167,100 167w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=1000,600 1000w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=750,450 750w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=190,114 190w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=345,207 345w, https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?resize=50,30 50w" sizes="auto, (max-width: 345px) 100vw, 345px" data-attachment-id="108556" data-permalink="https://ideas.ted.com/10-great-films-from-female-directors-that-you-need-to-stream-right-now/featured_art_istock-4/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="featured_art_iStock" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2018/03/featured_art_istock.jpg?w=770" /> </div> <span class="recommended__slug">Arts + Design</span> <h3 class="recommended__title">10 great films from female directors that you need to stream right now</h3> </a> </div>  <div class="recommended__item"> <a href="https://ideas.ted.com/12-films-and-series-that-will-give-you-an-up-close-look-at-climate-change-and-some-solutions/"> <div class="fixed-ratio ratio--5-3"> <img width="345" height="207" src="https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?w=345&h=207&crop=1" class="recommended__image fixed-ratio-content wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg 2000w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=150,90 150w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=300,180 300w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=768,461 768w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=1024,614 1024w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=1536,922 1536w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=167,100 167w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=1000,600 1000w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=750,450 750w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=190,114 190w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=345,207 345w, https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?resize=50,30 50w" sizes="auto, (max-width: 345px) 100vw, 345px" data-attachment-id="120619" data-permalink="https://ideas.ted.com/12-films-and-series-that-will-give-you-an-up-close-look-at-climate-change-and-some-solutions/final_climate-documentary/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg" data-orig-size="2000,1200" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="FINAL_Climate-documentary" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2021/06/FINAL_Climate-documentary.jpg?w=770" /> </div> <span class="recommended__slug">Arts + Design</span> <h3 class="recommended__title">12 climate change documentaries and series that will give you an up-close look -- and some solutions</h3> </a> </div>  <div class="recommended__item"> <a href="https://ideas.ted.com/6-things-you-need-to-know-about-virtual-reality-from-the-guy-whos-doing-it-right/"> <div class="fixed-ratio ratio--5-3"> <img width="345" height="207" src="https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?w=345&h=207&crop=1" class="recommended__image fixed-ratio-content wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?resize=1000,600 1000w, https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?resize=190,114 190w, https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?resize=345,207 345w" sizes="auto, (max-width: 345px) 100vw, 345px" data-attachment-id="98345" data-permalink="https://ideas.ted.com/6-things-you-need-to-know-about-virtual-reality-from-the-guy-whos-doing-it-right/ted_ideas_chris_milk/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg" data-orig-size="2000,1126" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="TED_Ideas_Chris_Milk" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2015/06/ted_ideas_chris_milk.jpg?w=770" /> </div> <span class="recommended__slug">Science</span> <h3 class="recommended__title">6 things you need to know about virtual reality (from the guy who's doing it right)</h3> </a> </div>  <div class="recommended__item"> <a href="https://ideas.ted.com/the-sound-of-color-neil-harbissons-talk-visualized/"> <div class="fixed-ratio ratio--5-3"> <img width="345" height="207" src="https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?w=345&h=207&crop=1" class="recommended__image fixed-ratio-content wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?resize=150,91 150w, https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?resize=190,114 190w, https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?resize=345,207 345w, https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?resize=50,30 50w" sizes="auto, (max-width: 345px) 100vw, 345px" data-attachment-id="79863" data-permalink="https://ideas.ted.com/the-sound-of-color-neil-harbissons-talk-visualized/neil-harbisson-featured/" data-orig-file="https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg" data-orig-size="586,357" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Neil-Harbisson-featured" data-image-description="" data-image-caption="" data-medium-file="https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?w=300" data-large-file="https://ideas.ted.com/wp-content/uploads/sites/3/2013/07/neil-harbisson-featured.jpg?w=586" /> </div> <span class="recommended__slug">Tech</span> <h3 class="recommended__title">The sound of color: Neil Harbisson's talk visualized</h3> </a> </div>  </div>  </div>  </div>  <footer class="main-footer" id="footer"> <div class="container"><ul id="menu-footer" class=""><li id="menu-item-89759" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89759"><a target="_blank" href="http://www.ted.com/about/our-organization/our-policies-terms/ted-talks-usage-policy">TED Talks Usage Policy</a></li> <li id="menu-item-89760" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89760"><a target="_blank" href="http://www.ted.com/about/our-organization/our-policies-terms/privacy-policy">Privacy Policy</a></li> <li id="menu-item-89761" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89761"><a target="_blank" href="http://partners.ted.com/">Advertising / Partnership</a></li> <li id="menu-item-89762" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89762"><a target="_blank" href="http://www.ted.com/about/our-organization/our-policies-terms/ted-com-terms-of-use">TED.com Terms of Use</a></li> <li id="menu-item-89763" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89763"><a target="_blank" href="http://www.ted.com/contact">Contact</a></li> <li id="menu-item-89764" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89764"><a target="_blank" href="http://www.ted.com/about/our-organization/jobs-at-ted">Jobs</a></li> <li id="menu-item-89767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89767"><a target="_blank" href="http://www.ted.com/about/our-organization/contact-us/press-and-media-information">Press</a></li> <li id="menu-item-89768" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89768"><a target="_blank" href="http://support.ted.com/">Help</a></li> </ul></div> <div class="container copyright"> <span class="fine-text-main"> © TED Conferences, LLC </span> <span class="fine-text-sub"> Powered by <a href="https://wpvip.com/?utm_source=vip_powered_wpcom&utm_medium=web&utm_campaign=VIP%20Footer%20Credit&utm_term=ideas.ted.com" rel="generator nofollow" class="powered-by-wpcom">WordPress VIP</a> </span> </div>  </footer>  <script> window.ga_debug = window.ga_debug || false; (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); // Only track users who are not logged in, as determined by the WordPress body class. if ( ! document.body.classList.contains( 'logged-in' ) ) { ga('create', "UA-40781755-2", 'ted.com'); ga('send', 'pageview'); } else if ( window.ga_debug ) { console.log( 'User is logged in; GA pageview tracking aborted' ); } </script> <div id="jp-carousel-loading-overlay"> <div id="jp-carousel-loading-wrapper"> <span id="jp-carousel-library-loading"> </span> </div> </div> <div class="jp-carousel-overlay" style="display: none;"> <div class="jp-carousel-container">  <div class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" itemscope itemtype="https://schema.org/ImageGallery"> <div class="jp-carousel swiper-wrapper"></div> <div class="jp-swiper-button-prev swiper-button-prev"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> </mask> <g mask="url(#maskPrev)"> <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <div class="jp-swiper-button-next swiper-button-next"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> </mask> <g mask="url(#maskNext)"> <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> </g> </svg> </div> </div>  <div class="jp-carousel-close-hint"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> </mask> <g mask="url(#maskClose)"> <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div>  <div class="jp-carousel-info"> <div class="jp-carousel-info-footer"> <div class="jp-carousel-pagination-container"> <div class="jp-swiper-pagination swiper-pagination"></div> <div class="jp-carousel-pagination"></div> </div> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-caption"></h2> </div> <div class="jp-carousel-photo-icons-container"> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> </mask> <g mask="url(#maskInfo)"> <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </span> </a> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-comments" aria-label="Toggle photo comments visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskComments" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3271 2H20.2486C21.3432 2 22.2388 2.9 22.2388 4V16C22.2388 17.1 21.3432 18 20.2486 18H6.31729L2.33691 22V4C2.33691 2.9 3.2325 2 4.3271 2ZM6.31729 16H20.2486V4H4.3271V18L6.31729 16Z" fill="white"/> </mask> <g mask="url(#maskComments)"> <rect x="0.34668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-has-comments-indicator" aria-label="This image has comments."></span> </span> </a> </div> </div> <div class="jp-carousel-info-extra"> <div class="jp-carousel-info-content-wrapper"> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-title"></h2> </div> <div class="jp-carousel-comments-wrapper"> <div id="jp-carousel-comments-loading"> <span>Loading Comments...</span> </div> <div class="jp-carousel-comments"></div> <div id="jp-carousel-comment-form-container"> <span id="jp-carousel-comment-form-spinner"> </span> <div id="jp-carousel-comment-post-results"></div> <form id="jp-carousel-comment-form"> <label for="jp-carousel-comment-form-comment-field" class="screen-reader-text">Write a Comment...</label> <textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a Comment..." ></textarea> <div id="jp-carousel-comment-form-submit-and-info-wrapper"> <div id="jp-carousel-comment-form-commenting-as"> <fieldset> <label for="jp-carousel-comment-form-email-field">Email (Required)</label> <input type="text" name="email" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-email-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-author-field">Name (Required)</label> <input type="text" name="author" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-author-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-url-field">Website</label> <input type="text" name="url" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-url-field" /> </fieldset> </div> <input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="Post Comment" /> </div> </form> </div> </div> <div class="jp-carousel-image-meta"> <div class="jp-carousel-title-and-caption"> <div class="jp-carousel-photo-info"> <h3 class="jp-carousel-caption" itemprop="caption description"></h3> </div> <div class="jp-carousel-photo-description"></div> </div> <ul class="jp-carousel-image-exif" style="display: none;"></ul> <a class="jp-carousel-image-download" href="#" target="_blank" style="display: none;"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> </mask> <g mask="url(#mask0)"> <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-download-text"></span> </a> <div class="jp-carousel-image-map" style="display: none;"></div> </div> </div> </div> </div> </div> </div> <link rel='stylesheet' id='all-css-0' href='https://ideas.ted.com/_static/??-eJydzE0KgCAQQOELZZNo2CY6i+kQln84Dl0/WnSBtu/BB3cVruSOuUNiUSMfIROc2Kt1l5B6nCAVzxEJnG2FCSPQHSo2sXP2EUdHNMAf5rtfeKUtrdIorYyeF/kA4os4gw==' type='text/css' media='all' /> <script type="text/javascript" id="ted-ab-testing-js-extra"> /* <![CDATA[ */ var ajax = {"ajax_url":"https:\/\/ideas.ted.com\/wp-admin\/admin-ajax.php","ajax_nonce":"8d3c691e17"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/_static/??-eJydjtEOgjAMRX/IMYSoT8ZvqVuFLeumtMPw9y6GGB/gAZ6a9t5ze/X7qUyKglG09EjIWtAqZxFYu2hCtuUEdyXI4mKn/f9WeT7okvAzFtURdMghgUVbkYtLHgJOcZjWZP/KOEzzqBbMq42BGeWbEbADM2mTWRLt4Jgz7Hs51344GZ3l7TwThKAIY97O9kLhxL0bC3qj6/HSNk19rpvWfwA7BrVj" ></script><script type="text/javascript" src="https://stats.wp.com/e-202451.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jetpack-stats-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"177242871\",\"post\":\"104833\",\"tz\":\"-5\",\"srv\":\"ideas.ted.com\",\"hp\":\"vip\",\"j\":\"1:14.0\"}") ]); _stq.push([ "clickTrackerInit", "177242871", "104833" ]); /* ]]> */ </script> <script type="text/javascript" id="jetpack-carousel-js-extra"> /* <![CDATA[ */ var jetpackSwiperLibraryPath = {"url":"https:\/\/ideas.ted.com\/wp-content\/mu-plugins\/jetpack-14.0\/_inc\/build\/carousel\/swiper-bundle.min.js"}; var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/ideas.ted.com\/wp-admin\/admin-ajax.php","nonce":"b7ab78c7df","display_exif":"0","display_comments":"1","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"black","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","image_label":"Open image in full-screen.","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"0","require_name_email":"1","login_url":"https:\/\/ideas.ted.com\/wp-login.php?redirect_to=https%3A%2F%2Fideas.ted.com%2Fhow-color-helps-a-movie-tell-its-story%2F","blog_id":"3","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"]}; /* ]]> */ </script> <script type="text/javascript" id="ted-mailchimp-js-extra"> /* <![CDATA[ */ var tedMailchimpObject = {"ajaxurl":"https:\/\/ideas.ted.com\/wp-admin\/admin-ajax.php","ajaxnonce":"d707d24ab8"}; var tedMailchimpObject = {"ajaxurl":"https:\/\/ideas.ted.com\/wp-admin\/admin-ajax.php","ajaxnonce":"d707d24ab8"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/_static/??-eJxVjMEOgyAQRH+osBIx9mL8FIMrsYvsSgTi79uLjb3NTN48OJPCXYqXAlxVinUlyRB8SQ43ZaxuYCJBmCvFBdAde80+/oB70EyiQ37Bw3fLil/UM7OjiB/i9N++95EH07e27W33NuECpxU4Zg==" ></script><script type="text/javascript" id="sharing-js-js-extra"> /* <![CDATA[ */ var sharing_js_options = {"lang":"en","counts":"","is_stats_active":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ideas.ted.com/wp-content/mu-plugins/jetpack-14.0/_inc/build/sharedaddy/sharing.min.js?ver=14.0" id="sharing-js-js"></script> <script type="text/javascript" id="sharing-js-js-after"> /* <![CDATA[ */ var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-facebook' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-twitter' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-twitter' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-linkedin' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-linkedin' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-pocket' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-pocket' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); /* ]]> */ </script> </body> </html>