{"id":253,"date":"2006-10-03T17:45:30","date_gmt":"2006-10-03T08:45:30","guid":{"rendered":"https:\/\/regex.info\/blog\/photo-tech\/color-spaces-page2"},"modified":"2006-09-25T22:30:29","modified_gmt":"2006-09-25T13:30:29","slug":"color-spaces-page2","status":"publish","type":"page","link":"https:\/\/regex.info\/blog\/photo-tech\/color-spaces-page2","title":{"rendered":"Digital-Image Color Spaces, Page 2: Test Images"},"content":{"rendered":"<style type='text\/css'>\na.btn    { background-color: #555; border: solid 1px #888; padding: 2px 5px }\nspan.now { background-color: #533; border: solid 1px #888; padding: 2px 5px; font-weight: bold }\n<\/style>\n<div style='display: block; background-color: #444; padding: 7px; border: solid 2px gray'>\n<b>Article:<\/b>\n<a class='btn' href='\/blog\/photo-tech\/color-spaces-page0\/'>Table of Contents<\/a> &nbsp; &nbsp; &nbsp; <b>Page:<\/b>\n<a title='Introduction' class='btn' href='\/blog\/photo-tech\/color-spaces-page1\/'>1<\/a> &middot;\n<span class='now'>2<\/span> &middot;\n<a title='Color Mis-Management'      class='btn' href='\/blog\/photo-tech\/color-spaces-page3\/'>3<\/a> &middot;\n<a title='Color Mangement'           class='btn' href='\/blog\/photo-tech\/color-spaces-page4\/'>4<\/a> &middot;\n<a title='Chromaticity Diagrams'     class='btn' href='\/blog\/photo-tech\/color-spaces-page5\/'>5<\/a> &middot;\n<a title='Design Tradeoffs'          class='btn' href='\/blog\/photo-tech\/color-spaces-page6\/'>6<\/a> &middot;\n<a title='Recommendations and Links' class='btn' href='\/blog\/photo-tech\/color-spaces-page7\/'>7<\/a>\n<small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the second page of a seven-page article<\/small>\n<\/div>\n\n<p><big><b>See For Yourself The Effects of Misinterpreted Color Data<\/b><\/big><\/p>\n\n<p>\n\nIn the <a\nhref='\/blog\/photo-tech\/color-spaces-page1\/'>introduction<\/a>,\nwe saw an exaggerated (but real) example of how colors turn out wrong when\nthe color space is misinterpreted. Luckily, common digital-image color\nspaces are all close enough so that even when misinterpreted, they're\ngenerally in the right ballpark. More or less. Sort of. Maybe.\n\n<\/p><p>\n\nIn the box below, mouseover the buttons under the large image to see what\nthat image looks like when its color data has been encoded in the named\ncolor space: the orange buttons on the first row bring up images without\nembedded color profiles, while the turquoise buttons on the middle row\nbring up images containing embedded color profiles. Does your browser\nrecognize and respect them? The purple buttons (third row) are explained a\nbit later on this page.\n\n<\/p><p>\n\n<b>Note:<\/b> only the first images have the turquoise and purple rows of\nbuttons; continue reading below the test box for more on how to interpret\nwhat you see.\n\n<\/p>\n\n\n\n<style type='text\/css'>\n  td.b450A { padding: 0px 6px; border: gray 1px solid; color:black; background-color: orange  }\n  td.b450B { padding: 0px 6px; border: gray 1px solid; color:black; background-color: cyan    }\n  td.b450C { padding: 3px 6px; border: gray 1px solid; color:black; background-color: #B759C8 }\n<\/style>\n\n<div style='width: 700px; margin:30px auto; background-color:#223; padding:10px 70px 30px 70px; border:#861 solid 3px'>\n<center><span style='font-size:130%'><b>Does Your Browser Respect an Embedded Color Profile?<\/b><\/span><\/center>\n\n<div style='width:600px;padding-top:20px'>\n\n  <div style='left:0; height:465px; width:600px; position: relative; z-index: 1; margin-bottom: 10px; padding-bottom: 10px'>\n\n\n<div id='img450_1_1' style='position:absolute; left:0; top:0; display:none'><img id='L0' src='\/i\/cs\/Momiji-sRGB-no.jpg'        width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_2' style='position:absolute; left:0; top:0; display:none'><img noindex id='L1' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_3' style='position:absolute; left:0; top:0; display:none'><img noindex id='L2' src='\/i\/cs\/Loading.gif'  width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_4' style='position:absolute; left:0; top:0; display:none'><img noindex id='L3' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_5' style='position:absolute; left:0; top:0; display:none'><img noindex id='L4' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_6' style='position:absolute; left:0; top:0; display:none'><img noindex id='L5' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_1_7' style='position:absolute; left:0; top:0; display:none'><img noindex id='L6' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n<div id='img450_1_8' style='position:absolute; left:0; top:0; display:none'><img noindex id='L7' src='\/i\/cs\/Loading.gif'          width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_9' style='position:absolute; left:0; top:0; display:none'><img noindex id='L8' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_10' style='position:absolute; left:0; top:0; display:none'><img noindex id='L9' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_11' style='position:absolute; left:0; top:0; display:none'><img noindex id='L10' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_12' style='position:absolute; left:0; top:0; display:none'><img noindex id='L11' src='\/i\/cs\/Loading.gif'       width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_13' style='position:absolute; left:0; top:0; display:none'><img noindex id='L12' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_14' style='position:absolute; left:0; top:0; display:none'><img noindex id='L13' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_1_15' style='position:absolute; left:0; top:0; display:none'><img noindex id='L14' src='\/i\/cs\/Loading.gif'       width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, with a metadata note but no embedded profile<\/div>\n\n<div id='img450_1_16' style='position:absolute; left:0; top:0; display:none'><img noindex id='L15' src='\/i\/cs\/Loading.gif'   width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, with a metadata note but no embedded profile<\/div>\n\n<div id='img450_2_1' style='position:absolute; left:0; top:0; display:none'><img noindex id='L15x' src='\/i\/cs\/Thermos-sRGB-no.jpg'        width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n\n<div id='img450_2_2' style='position:absolute; left:0; top:0; display:none'><img noindex id='L16' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_2_3' style='position:absolute; left:0; top:0; display:none'><img noindex id='L17' src='\/i\/cs\/Loading.gif'  width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_2_4' style='position:absolute; left:0; top:0; display:none'><img noindex id='L18' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_2_5' style='position:absolute; left:0; top:0; display:none'><img noindex id='L19' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_2_6' style='position:absolute; left:0; top:0; display:none'><img noindex id='L20' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_2_7' style='position:absolute; left:0; top:0; display:none'><img noindex id='L21' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n<div id='img450_2_8' style='position:absolute; left:0; top:0; display:none'><img noindex id='L22' src='\/i\/cs\/Loading.gif'          width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_9' style='position:absolute; left:0; top:0; display:none'><img noindex id='L23' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_10' style='position:absolute; left:0; top:0; display:none'><img noindex id='L24' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_11' style='position:absolute; left:0; top:0; display:none'><img noindex id='L25' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_12' style='position:absolute; left:0; top:0; display:none'><img noindex id='L26' src='\/i\/cs\/Loading.gif'       width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_13' style='position:absolute; left:0; top:0; display:none'><img noindex id='L27' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_14' style='position:absolute; left:0; top:0; display:none'><img noindex id='L28' src='\/i\/cs\/Loading.gif'      width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, with an embedded color profile<\/div>\n\n<div id='img450_2_15' style='position:absolute; left:0; top:0; display:none'><img noindex id='L29' src='\/i\/cs\/Loading.gif'       width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, with a metadata note but no embedded profile<\/div>\n\n<div id='img450_2_16' style='position:absolute; left:0; top:0; display:none'><img noindex id='L30' src='\/i\/cs\/Loading.gif'   width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, with a metadata note but no embedded profile<\/div>\n\n\n\n\n<div id='img450_3_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L30x' src='\/i\/cs\/WhiteFlower-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L31' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L32' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L33' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L34' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L35' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_3_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L36' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_4_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L36x' src='\/i\/cs\/PurpleFlower-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L37' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L38' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L39' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L40' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L41' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_4_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L42' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_5_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L42x' src='\/i\/cs\/AnthonySakura-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L43' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L44' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L45' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L46' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L47' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_5_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L48' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_6_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L48x' src='\/i\/cs\/PinkFlowers-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L49' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L50' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L51' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L52' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L53' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_6_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L54' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_7_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L54x' src='\/i\/cs\/Boots-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L55' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L56' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L57' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L58' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L59' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_7_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L60' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_8_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L60x' src='\/i\/cs\/DaddyHug-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L61' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L62' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L63' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L64' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L65' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_8_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L66' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_9_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L66x' src='\/i\/cs\/FlowerBasket-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L67' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L68' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L69' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L70' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L71' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_9_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L72' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_10_1' style='position:absolute; left:0; top:0; display:none'><img noindex id='L72x' src='\/i\/cs\/HamingItUp-sRGB-no.jpg'        width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_2' style='position:absolute; left:0; top:0; display:none'><img noindex id='L73' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_3' style='position:absolute; left:0; top:0; display:none'><img noindex id='L74' src='\/i\/cs\/Loading.gif'  width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_4' style='position:absolute; left:0; top:0; display:none'><img noindex id='L75' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_5' style='position:absolute; left:0; top:0; display:none'><img noindex id='L76' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_6' style='position:absolute; left:0; top:0; display:none'><img noindex id='L77' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_10_7' style='position:absolute; left:0; top:0; display:none'><img noindex id='L78' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_11_1' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L78x' src='\/i\/cs\/HeianLanterns-sRGB-no.jpg'        width='600' height='423'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_2' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L79' src='\/i\/cs\/Loading.gif'    width='600' height='423'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_3' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L80' src='\/i\/cs\/Loading.gif'  width='600' height='423'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_4' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L81' src='\/i\/cs\/Loading.gif'    width='600' height='423'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_5' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L82' src='\/i\/cs\/Loading.gif'     width='600' height='423'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_6' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L83' src='\/i\/cs\/Loading.gif'    width='600' height='423'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_11_7' style='position:absolute; left:0; top:27px; display:none'><img noindex id='L84' src='\/i\/cs\/Loading.gif'    width='600' height='423'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_12_1' style='position:absolute; left:0; top:0; display:none'><img noindex id='L84x' src='\/i\/cs\/HeianShrinePlaza-sRGB-no.jpg'        width='600' height='450'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_2' style='position:absolute; left:0; top:0; display:none'><img noindex id='L85' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_3' style='position:absolute; left:0; top:0; display:none'><img noindex id='L86' src='\/i\/cs\/Loading.gif'  width='600' height='450'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_4' style='position:absolute; left:0; top:0; display:none'><img noindex id='L87' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_5' style='position:absolute; left:0; top:0; display:none'><img noindex id='L88' src='\/i\/cs\/Loading.gif'     width='600' height='450'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_6' style='position:absolute; left:0; top:0; display:none'><img noindex id='L89' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_12_7' style='position:absolute; left:0; top:0; display:none'><img noindex id='L90' src='\/i\/cs\/Loading.gif'    width='600' height='450'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_13_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L90x' src='\/i\/cs\/Pro-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L91' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L92' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L93' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L94' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L95' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_13_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L96' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n\n<div id='img450_14_1' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L96x' src='\/i\/cs\/RedFlower-sRGB-no.jpg'        width='600' height='402'\/><br\/>Image data: <b>sRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_2' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L97' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AdobeRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_3' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L98' src='\/i\/cs\/Loading.gif'  width='600' height='402'\/><br\/>Image data: <b>ColorMatch<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_4' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L99' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>ProPhoto<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_5' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L100' src='\/i\/cs\/Loading.gif'     width='600' height='402'\/><br\/>Image data: <b>WideRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_6' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L101' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>AppleRGB<\/b>, but no color profile or tag indicating so<\/div>\n<div id='img450_14_7' style='position:absolute; left:0; top:48px; display:none'><img noindex id='L102' src='\/i\/cs\/Loading.gif'    width='600' height='402'\/><br\/>Image data: <b>Jeff's LCD<\/b>, but no color profile or tag indicating so<\/div>\n\n\n\n\n<\/div>\n\n\n<script src=\"\/i\/IsColorManaged.js\" type=\"text\/javascript\"><\/script>\n<table align='center' style='font-size:85%'>\n<tr valign='bottom' align='center'><td><small>Color Profile<\/small><\/td><td colspan='5'>Color Data Encoded As...<br\/><small>mouseover button to see image<\/small><\/td><\/tr>\n<tr><td><span>&nbsp;&nbsp;<b>None:<\/b><\/span><\/td>\n <td class='b450A' id='but450_1' onmouseover='OnMouse450(1)'><b>sRGB<\/b><\/td>\n <td class='b450A' id='but450_2' onmouseover='OnMouse450(2)'>AdobeRGB<\/td>\n <td class='b450A' id='but450_3' onmouseover='OnMouse450(3)'>ColorMatch<\/td>\n <td class='b450A' id='but450_4' onmouseover='OnMouse450(4)'>ProPhoto<\/td>\n <td class='b450A' id='but450_5' onmouseover='OnMouse450(5)'>WideRGB<\/td>\n <td class='b450A' id='but450_6' onmouseover='OnMouse450(6)'>AppleRGB<\/td>\n<!-- <td class='b450A' id='but450_7' onmouseover='OnMouse450(7)'>Jeff's LCD<\/td> -->\n<\/tr>\n<tr style='border: solid 1px gray'><td><\/td><td style='padding-bottom:15px' colspan='7' align='left'>\n<small>\nThese are not shown properly on any browser except IE for the Mac in special situations.\n<br\/>\nIf you have an &#8220;average&#8221; circa 1990s consumer CRT monitor, the <b>sRGB<\/b> one will be closest.\n<\/small><\/td><\/tr>\n\n<tr id='row2'>\n <td>&nbsp;&nbsp;<b>Embedded:<\/b><\/td>\n <td class='b450B' id='but450_8'  onmouseover='OnMouse450(8)'>sRGB<\/td>\n <td class='b450B' id='but450_9'  onmouseover='OnMouse450(9)'>AdobeRGB<\/td>\n <td class='b450B' id='but450_10' onmouseover='OnMouse450(10)'>ColorMatch<\/td>\n <td class='b450B' id='but450_11' onmouseover='OnMouse450(11)'>ProPhoto<\/td>\n <td class='b450B' id='but450_12' onmouseover='OnMouse450(12)'>WideRGB<\/td>\n <td class='b450B' id='but450_13' onmouseover='OnMouse450(13)'>AppleRGB<\/td>\n<!--  <td class='b450B' id='but450_14' onmouseover='OnMouse450(14)'>Jeff's LCD<\/td> -->\n<\/tr>\n<tr id='row2_5' style='border: solid 1px gray'><td><\/td><td style='padding-bottom:15px' colspan='7' align='left'>\n<small>If the images on this row all appear the same, your browser respects their embedded color profile.<br\/>\nIf they're all different, the browser ignores the embedded color profile.<\/small><\/td><\/tr>\n<tr id='row3'>\n <td>&nbsp;&nbsp;<b>Tagged:<\/b><\/td>\n <td class='b450C' id='but450_15' onmouseover='OnMouse450(15)'>sRGB<\/td>\n <td class='b450C' id='but450_16' onmouseover='OnMouse450(16)'>AdobeRGB<\/td>\n<\/tr><\/table>\n\n<div style=\"padding-top:10px\"><small>Click to select another picture (or use keyboard <b>N<\/b> and <b>P<\/b>):<\/small><br\/><img class='raw' noindex id='thumb1' style='border:solid 3px black' onclick='OnClick450(1)' alt='' src='\/i\/cs\/Momiji-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb2' style='border:solid 3px black' onclick='OnClick450(2)' alt='' src='\/i\/cs\/Thermos-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb3' style='border:solid 3px black' onclick='OnClick450(3)' alt='' src='\/i\/cs\/WhiteFlower-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb4' style='border:solid 3px black' onclick='OnClick450(4)' alt='' src='\/i\/cs\/PurpleFlower-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb5' style='border:solid 3px black' onclick='OnClick450(5)' alt='' src='\/i\/cs\/AnthonySakura-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb6' style='border:solid 3px black' onclick='OnClick450(6)' alt='' src='\/i\/cs\/PinkFlowers-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb7' style='border:solid 3px black' onclick='OnClick450(7)' alt='' src='\/i\/cs\/Boots-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb8' style='border:solid 3px black' onclick='OnClick450(8)' alt='' src='\/i\/cs\/DaddyHug-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb9' style='border:solid 3px black' onclick='OnClick450(9)' alt='' src='\/i\/cs\/FlowerBasket-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb10' style='border:solid 3px black' onclick='OnClick450(10)' alt='' src='\/i\/cs\/HamingItUp-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb11' style='border:solid 3px black' onclick='OnClick450(11)' alt='' src='\/i\/cs\/HeianLanterns-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb12' style='border:solid 3px black' onclick='OnClick450(12)' alt='' src='\/i\/cs\/HeianShrinePlaza-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb13' style='border:solid 3px black' onclick='OnClick450(13)' alt='' src='\/i\/cs\/Pro-sRGB-yes.jpg' width='75' height='51'\/>\n<img class='raw' noindex id='thumb14' style='border:solid 3px black' onclick='OnClick450(14)' alt='' src='\/i\/cs\/RedFlower-sRGB-yes.jpg' width='75' height='51'\/>\n<\/div><br\/>\n\n\n<script type=\"text\/javascript\">\n var img450 = new Array();\n var but450 = new Array();\nimg450[1] = document.getElementById('img450_1_1');\nimg450[2] = document.getElementById('img450_1_2');\nimg450[3] = document.getElementById('img450_1_3');\nimg450[4] = document.getElementById('img450_1_4');\nimg450[5] = document.getElementById('img450_1_5');\nimg450[6] = document.getElementById('img450_1_6');\nimg450[7] = document.getElementById('img450_1_7');\nimg450[8] = document.getElementById('img450_1_8');\nimg450[9] = document.getElementById('img450_1_9');\nimg450[10] = document.getElementById('img450_1_10');\nimg450[11] = document.getElementById('img450_1_11');\nimg450[12] = document.getElementById('img450_1_12');\nimg450[13] = document.getElementById('img450_1_13');\nimg450[14] = document.getElementById('img450_1_14');\nimg450[15] = document.getElementById('img450_1_15');\nimg450[16] = document.getElementById('img450_1_16');\nimg450[17] = document.getElementById('img450_2_1');\nimg450[18] = document.getElementById('img450_2_2');\nimg450[19] = document.getElementById('img450_2_3');\nimg450[20] = document.getElementById('img450_2_4');\nimg450[21] = document.getElementById('img450_2_5');\nimg450[22] = document.getElementById('img450_2_6');\nimg450[23] = document.getElementById('img450_2_7');\nimg450[24] = document.getElementById('img450_2_8');\nimg450[25] = document.getElementById('img450_2_9');\nimg450[26] = document.getElementById('img450_2_10');\nimg450[27] = document.getElementById('img450_2_11');\nimg450[28] = document.getElementById('img450_2_12');\nimg450[29] = document.getElementById('img450_2_13');\nimg450[30] = document.getElementById('img450_2_14');\nimg450[31] = document.getElementById('img450_2_15');\nimg450[32] = document.getElementById('img450_2_16');\nimg450[33] = document.getElementById('img450_3_1');\nimg450[34] = document.getElementById('img450_3_2');\nimg450[35] = document.getElementById('img450_3_3');\nimg450[36] = document.getElementById('img450_3_4');\nimg450[37] = document.getElementById('img450_3_5');\nimg450[38] = document.getElementById('img450_3_6');\nimg450[39] = document.getElementById('img450_3_7');\nimg450[40] = document.getElementById('img450_4_1');\nimg450[41] = document.getElementById('img450_4_2');\nimg450[42] = document.getElementById('img450_4_3');\nimg450[43] = document.getElementById('img450_4_4');\nimg450[44] = document.getElementById('img450_4_5');\nimg450[45] = document.getElementById('img450_4_6');\nimg450[46] = document.getElementById('img450_4_7');\nimg450[47] = document.getElementById('img450_5_1');\nimg450[48] = document.getElementById('img450_5_2');\nimg450[49] = document.getElementById('img450_5_3');\nimg450[50] = document.getElementById('img450_5_4');\nimg450[51] = document.getElementById('img450_5_5');\nimg450[52] = document.getElementById('img450_5_6');\nimg450[53] = document.getElementById('img450_5_7');\nimg450[54] = document.getElementById('img450_6_1');\nimg450[55] = document.getElementById('img450_6_2');\nimg450[56] = document.getElementById('img450_6_3');\nimg450[57] = document.getElementById('img450_6_4');\nimg450[58] = document.getElementById('img450_6_5');\nimg450[59] = document.getElementById('img450_6_6');\nimg450[60] = document.getElementById('img450_6_7');\nimg450[61] = document.getElementById('img450_7_1');\nimg450[62] = document.getElementById('img450_7_2');\nimg450[63] = document.getElementById('img450_7_3');\nimg450[64] = document.getElementById('img450_7_4');\nimg450[65] = document.getElementById('img450_7_5');\nimg450[66] = document.getElementById('img450_7_6');\nimg450[67] = document.getElementById('img450_7_7');\nimg450[68] = document.getElementById('img450_8_1');\nimg450[69] = document.getElementById('img450_8_2');\nimg450[70] = document.getElementById('img450_8_3');\nimg450[71] = document.getElementById('img450_8_4');\nimg450[72] = document.getElementById('img450_8_5');\nimg450[73] = document.getElementById('img450_8_6');\nimg450[74] = document.getElementById('img450_8_7');\nimg450[75] = document.getElementById('img450_9_1');\nimg450[76] = document.getElementById('img450_9_2');\nimg450[77] = document.getElementById('img450_9_3');\nimg450[78] = document.getElementById('img450_9_4');\nimg450[79] = document.getElementById('img450_9_5');\nimg450[80] = document.getElementById('img450_9_6');\nimg450[81] = document.getElementById('img450_9_7');\nimg450[82] = document.getElementById('img450_10_1');\nimg450[83] = document.getElementById('img450_10_2');\nimg450[84] = document.getElementById('img450_10_3');\nimg450[85] = document.getElementById('img450_10_4');\nimg450[86] = document.getElementById('img450_10_5');\nimg450[87] = document.getElementById('img450_10_6');\nimg450[88] = document.getElementById('img450_10_7');\nimg450[89] = document.getElementById('img450_11_1');\nimg450[90] = document.getElementById('img450_11_2');\nimg450[91] = document.getElementById('img450_11_3');\nimg450[92] = document.getElementById('img450_11_4');\nimg450[93] = document.getElementById('img450_11_5');\nimg450[94] = document.getElementById('img450_11_6');\nimg450[95] = document.getElementById('img450_11_7');\nimg450[96] = document.getElementById('img450_12_1');\nimg450[97] = document.getElementById('img450_12_2');\nimg450[98] = document.getElementById('img450_12_3');\nimg450[99] = document.getElementById('img450_12_4');\nimg450[100] = document.getElementById('img450_12_5');\nimg450[101] = document.getElementById('img450_12_6');\nimg450[102] = document.getElementById('img450_12_7');\nimg450[103] = document.getElementById('img450_13_1');\nimg450[104] = document.getElementById('img450_13_2');\nimg450[105] = document.getElementById('img450_13_3');\nimg450[106] = document.getElementById('img450_13_4');\nimg450[107] = document.getElementById('img450_13_5');\nimg450[108] = document.getElementById('img450_13_6');\nimg450[109] = document.getElementById('img450_13_7');\nimg450[110] = document.getElementById('img450_14_1');\nimg450[111] = document.getElementById('img450_14_2');\nimg450[112] = document.getElementById('img450_14_3');\nimg450[113] = document.getElementById('img450_14_4');\nimg450[114] = document.getElementById('img450_14_5');\nimg450[115] = document.getElementById('img450_14_6');\nimg450[116] = document.getElementById('img450_14_7');\n\n\nbut450[1]  = document.getElementById('but450_1');\nbut450[2]  = document.getElementById('but450_2');\nbut450[3]  = document.getElementById('but450_3');\nbut450[4]  = document.getElementById('but450_4');\nbut450[5]  = document.getElementById('but450_5');\nbut450[6]  = document.getElementById('but450_6');\n\/\/but450[7]  = document.getElementById('but450_7');\nbut450[8]  = document.getElementById('but450_8');\nbut450[9]  = document.getElementById('but450_9');\nbut450[10] = document.getElementById('but450_10');\nbut450[11] = document.getElementById('but450_11');\nbut450[12] = document.getElementById('but450_12');\nbut450[13] = document.getElementById('but450_13');\n\/\/but450[14] = document.getElementById('but450_14');\nbut450[15] = document.getElementById('but450_15');\nbut450[16] = document.getElementById('but450_16');\n\nfunction log(msg)\n{\n  var obj = document.getElementById(\"log\");\n  obj.innerHTML += \"<br\/>\" + msg;\n  obj.style.display = \"\";\n}\n\n\nvar base = 0;\nvar lastnum = 1;\n\nfunction OnMouse450(num)\n{\n   \/\/ log(\"OnMouse450(\"+num+\")  [base is\"+base+\"]\");\n   if (img450[base + lastnum] != null)\n       img450[base + lastnum].style.display = 'none';\n\n   if (img450[base + num] == null)\n       num = 1;\n\n   lastnum = num;\n\n   img450[base + num].style.display  = 'block';\n\n   but450[num].style.borderColor     = '#FF4040';\n   but450[num].style.backgroundColor = '#808080';\n   but450[num].style.backgroundColor = '#D33';\n   but450[num].style.color           = 'white';\n\n   for (i = 1; i <= 16; i++) {\n      if (i != num) {\n          if (but450[i]) {\n             but450[i].style.borderColor     = 'gray';\n             but450[i].style.backgroundColor = '';\n             but450[i].style.color           = '';\n          }\n      }\n   }\n}\n\nvar lastpic = 1;\n\nfunction OnClick450(pic)\n{\n    document.getElementById('thumb'+lastpic).style.border = '3px solid black';\n    document.getElementById('thumb'+pic    ).style.border = '3px solid red';\n\n    lastpic = pic;\n\n    \/\/ log(\"OnClick450(\"+pic+\")\");\n    var visible = (pic <= 2) ? \"visible\" : \"hidden\";\n\n    document.getElementById('row2').style.visibility = visible;\n    document.getElementById('row2_5').style.visibility = visible;\n    document.getElementById('row3').style.visibility = visible;\n\n    img450[base+lastnum].style.display = 'none';\n    if (pic <= 2)\n       base = (pic - 1) * 16;\n    else\n       base = 2 * 16 + (pic-2-1) * 7;\n\n    OnMouse450(1);\n}\n\nfunction Next()\n{\n     if (lastpic < 14)\n         OnClick450(lastpic + 1);\n     else\n         OnClick450(1);\n}\n\nfunction Prev()\n{\n     if (lastpic > 1)\n         OnClick450(lastpic - 1);\n     else\n         OnClick450(14);\n}\n\n\nOnClick450(1);\n\nfunction HandleKeypress(e)\n{\n  var keycode = 0;\n\n  DoAuto = false;\n  if (e)\n  {\n      \/\/ Mozilla\n      keycode = e.which;\n\n      \/\/ do not want keystrokes going into a form\n      if (e.target.toString() == \"[object HTMLInputElement]\")\n          return;\n  }\n  else if (window.event)\n  {\n      \/\/ IE, with focus in nav frame\n      keycode = window.event.keyCode;\n  }\n  else if (top.event)\n  {\n      \/\/ IE, with focus unset\n      keycode = top.event.keyCode;\n  }\n\n  \/\/log(keycode);\n\n  \/\/ Cases below are (mostly) in numberic order\n  switch (keycode)\n  {\n\/\/    case 109: \/\/ 'm'\n\/\/    case  77: \/\/ 'M'\n\/\/      var obj = document.getElementById('morePics');\n\/\/      obj.style.display = (obj.style.display == \"none\") ? 'block' : 'none';\n\/\/      break;\n\n    case 110: \/\/ 'n'\n    case  78: \/\/ 'N'\n    case  46: \/\/ period (>)\n      Next();\n      break;\n\n    case 112: \/\/ 'p'\n    case  80: \/\/ 'P'\n    case  44: \/\/ comma (<>)\n      Prev();\n      break;\n  }\n}\n\ndocument.onkeypress = HandleKeypress;\n\nfunction LoadSeriesA() {\n  document.getElementById('L1').src = '\/i\/cs\/Momiji-AdobeRGB-no.jpg';\n   document.getElementById('L2').src = '\/i\/cs\/Momiji-Colormatch-no.jpg';\n   document.getElementById('L3').src = '\/i\/cs\/Momiji-ProPhoto-no.jpg';\n   document.getElementById('L4').src = '\/i\/cs\/Momiji-WideRGB-no.jpg';\n   document.getElementById('L5').src = '\/i\/cs\/Momiji-AppleRGB-no.jpg';\n\/\/   document.getElementById('L6').src = '\/i\/cs\/Momiji-JeffsLCD-no.jpg';\n   document.getElementById('L7').src = '\/i\/cs\/Momiji-sRGB-yes.jpg';\n   document.getElementById('L8').src = '\/i\/cs\/Momiji-AdobeRGB-yes.jpg';\n   document.getElementById('L9').src = '\/i\/cs\/Momiji-ColorMatch-yes.jpg';\n   document.getElementById('L10').src = '\/i\/cs\/Momiji-ProPhoto-yes.jpg';\n   document.getElementById('L11').src = '\/i\/cs\/Momiji-WideRGB-yes.jpg';\n   document.getElementById('L12').src = '\/i\/cs\/Momiji-AppleRGB-yes.jpg';\n\/\/   document.getElementById('L13').src = '\/i\/cs\/Momiji-JeffsLCD-yes.jpg';\n   document.getElementById('L14').src = '\/i\/cs\/Momiji-sRGB-tagged.jpg';\n   document.getElementById('L15').src = '\/i\/cs\/Momiji-AdobeRGB-tagged.jpg';\n;\n}\n\nfunction LoadSeriesB() {\n  document.getElementById('L16').src = '\/i\/cs\/Thermos-AdobeRGB-no.jpg';\n   document.getElementById('L17').src = '\/i\/cs\/Thermos-Colormatch-no.jpg';\n   document.getElementById('L18').src = '\/i\/cs\/Thermos-ProPhoto-no.jpg';\n   document.getElementById('L19').src = '\/i\/cs\/Thermos-WideRGB-no.jpg';\n   document.getElementById('L20').src = '\/i\/cs\/Thermos-AppleRGB-no.jpg';\n\/\/   document.getElementById('L21').src = '\/i\/cs\/Thermos-JeffsLCD-no.jpg';\n   document.getElementById('L22').src = '\/i\/cs\/Thermos-sRGB-yes.jpg';\n   document.getElementById('L23').src = '\/i\/cs\/Thermos-AdobeRGB-yes.jpg';\n   document.getElementById('L24').src = '\/i\/cs\/Thermos-ColorMatch-yes.jpg';\n   document.getElementById('L25').src = '\/i\/cs\/Thermos-ProPhoto-yes.jpg';\n   document.getElementById('L26').src = '\/i\/cs\/Thermos-WideRGB-yes.jpg';\n   document.getElementById('L27').src = '\/i\/cs\/Thermos-AppleRGB-yes.jpg';\n\/\/   document.getElementById('L28').src = '\/i\/cs\/Thermos-JeffsLCD-yes.jpg';\n   document.getElementById('L29').src = '\/i\/cs\/Thermos-sRGB-tagged.jpg';\n   document.getElementById('L30').src = '\/i\/cs\/Thermos-AdobeRGB-tagged.jpg';\n   document.getElementById('L31').src = '\/i\/cs\/WhiteFlower-AdobeRGB-no.jpg';\n   document.getElementById('L32').src = '\/i\/cs\/WhiteFlower-Colormatch-no.jpg';\n   document.getElementById('L33').src = '\/i\/cs\/WhiteFlower-ProPhoto-no.jpg';\n   document.getElementById('L34').src = '\/i\/cs\/WhiteFlower-WideRGB-no.jpg';\n   document.getElementById('L35').src = '\/i\/cs\/WhiteFlower-AppleRGB-no.jpg';\n\/\/   document.getElementById('L36').src = '\/i\/cs\/WhiteFlower-JeffsLCD-no.jpg';\n   document.getElementById('L37').src = '\/i\/cs\/PurpleFlower-AdobeRGB-no.jpg';\n   document.getElementById('L38').src = '\/i\/cs\/PurpleFlower-Colormatch-no.jpg';\n   document.getElementById('L39').src = '\/i\/cs\/PurpleFlower-ProPhoto-no.jpg';\n   document.getElementById('L40').src = '\/i\/cs\/PurpleFlower-WideRGB-no.jpg';\n   document.getElementById('L41').src = '\/i\/cs\/PurpleFlower-AppleRGB-no.jpg';\n\/\/   document.getElementById('L42').src = '\/i\/cs\/PurpleFlower-JeffsLCD-no.jpg';\n   document.getElementById('L43').src = '\/i\/cs\/AnthonySakura-AdobeRGB-no.jpg';\n   document.getElementById('L44').src = '\/i\/cs\/AnthonySakura-Colormatch-no.jpg';\n   document.getElementById('L45').src = '\/i\/cs\/AnthonySakura-ProPhoto-no.jpg';\n   document.getElementById('L46').src = '\/i\/cs\/AnthonySakura-WideRGB-no.jpg';\n   document.getElementById('L47').src = '\/i\/cs\/AnthonySakura-AppleRGB-no.jpg';\n\/\/   document.getElementById('L48').src = '\/i\/cs\/AnthonySakura-JeffsLCD-no.jpg';\n   document.getElementById('L49').src = '\/i\/cs\/PinkFlowers-AdobeRGB-no.jpg';\n   document.getElementById('L50').src = '\/i\/cs\/PinkFlowers-Colormatch-no.jpg';\n   document.getElementById('L51').src = '\/i\/cs\/PinkFlowers-ProPhoto-no.jpg';\n   document.getElementById('L52').src = '\/i\/cs\/PinkFlowers-WideRGB-no.jpg';\n   document.getElementById('L53').src = '\/i\/cs\/PinkFlowers-AppleRGB-no.jpg';\n\/\/   document.getElementById('L54').src = '\/i\/cs\/PinkFlowers-JeffsLCD-no.jpg';\n   document.getElementById('L55').src = '\/i\/cs\/Boots-AdobeRGB-no.jpg';\n   document.getElementById('L56').src = '\/i\/cs\/Boots-Colormatch-no.jpg';\n   document.getElementById('L57').src = '\/i\/cs\/Boots-ProPhoto-no.jpg';\n   document.getElementById('L58').src = '\/i\/cs\/Boots-WideRGB-no.jpg';\n   document.getElementById('L59').src = '\/i\/cs\/Boots-AppleRGB-no.jpg';\n\/\/   document.getElementById('L60').src = '\/i\/cs\/Boots-JeffsLCD-no.jpg';\n   document.getElementById('L61').src = '\/i\/cs\/DaddyHug-AdobeRGB-no.jpg';\n   document.getElementById('L62').src = '\/i\/cs\/DaddyHug-Colormatch-no.jpg';\n   document.getElementById('L63').src = '\/i\/cs\/DaddyHug-ProPhoto-no.jpg';\n   document.getElementById('L64').src = '\/i\/cs\/DaddyHug-WideRGB-no.jpg';\n   document.getElementById('L65').src = '\/i\/cs\/DaddyHug-AppleRGB-no.jpg';\n\/\/   document.getElementById('L66').src = '\/i\/cs\/DaddyHug-JeffsLCD-no.jpg';\n   document.getElementById('L67').src = '\/i\/cs\/FlowerBasket-AdobeRGB-no.jpg';\n   document.getElementById('L68').src = '\/i\/cs\/FlowerBasket-Colormatch-no.jpg';\n   document.getElementById('L69').src = '\/i\/cs\/FlowerBasket-ProPhoto-no.jpg';\n   document.getElementById('L70').src = '\/i\/cs\/FlowerBasket-WideRGB-no.jpg';\n   document.getElementById('L71').src = '\/i\/cs\/FlowerBasket-AppleRGB-no.jpg';\n\/\/   document.getElementById('L72').src = '\/i\/cs\/FlowerBasket-JeffsLCD-no.jpg';\n   document.getElementById('L73').src = '\/i\/cs\/HamingItUp-AdobeRGB-no.jpg';\n   document.getElementById('L74').src = '\/i\/cs\/HamingItUp-Colormatch-no.jpg';\n   document.getElementById('L75').src = '\/i\/cs\/HamingItUp-ProPhoto-no.jpg';\n   document.getElementById('L76').src = '\/i\/cs\/HamingItUp-WideRGB-no.jpg';\n   document.getElementById('L77').src = '\/i\/cs\/HamingItUp-AppleRGB-no.jpg';\n\/\/   document.getElementById('L78').src = '\/i\/cs\/HamingItUp-JeffsLCD-no.jpg';\n   document.getElementById('L79').src = '\/i\/cs\/HeianLanterns-AdobeRGB-no.jpg';\n   document.getElementById('L80').src = '\/i\/cs\/HeianLanterns-Colormatch-no.jpg';\n   document.getElementById('L81').src = '\/i\/cs\/HeianLanterns-ProPhoto-no.jpg';\n   document.getElementById('L82').src = '\/i\/cs\/HeianLanterns-WideRGB-no.jpg';\n   document.getElementById('L83').src = '\/i\/cs\/HeianLanterns-AppleRGB-no.jpg';\n\/\/   document.getElementById('L84').src = '\/i\/cs\/HeianLanterns-JeffsLCD-no.jpg';\n   document.getElementById('L85').src = '\/i\/cs\/HeianShrinePlaza-AdobeRGB-no.jpg';\n   document.getElementById('L86').src = '\/i\/cs\/HeianShrinePlaza-Colormatch-no.jpg';\n   document.getElementById('L87').src = '\/i\/cs\/HeianShrinePlaza-ProPhoto-no.jpg';\n   document.getElementById('L88').src = '\/i\/cs\/HeianShrinePlaza-WideRGB-no.jpg';\n   document.getElementById('L89').src = '\/i\/cs\/HeianShrinePlaza-AppleRGB-no.jpg';\n\/\/   document.getElementById('L90').src = '\/i\/cs\/HeianShrinePlaza-JeffsLCD-no.jpg';\n   document.getElementById('L91').src = '\/i\/cs\/Pro-AdobeRGB-no.jpg';\n   document.getElementById('L92').src = '\/i\/cs\/Pro-Colormatch-no.jpg';\n   document.getElementById('L93').src = '\/i\/cs\/Pro-ProPhoto-no.jpg';\n   document.getElementById('L94').src = '\/i\/cs\/Pro-WideRGB-no.jpg';\n   document.getElementById('L95').src = '\/i\/cs\/Pro-AppleRGB-no.jpg';\n\/\/   document.getElementById('L96').src = '\/i\/cs\/Pro-JeffsLCD-no.jpg';\n   document.getElementById('L97').src = '\/i\/cs\/RedFlower-AdobeRGB-no.jpg';\n   document.getElementById('L98').src = '\/i\/cs\/RedFlower-Colormatch-no.jpg';\n   document.getElementById('L99').src = '\/i\/cs\/RedFlower-ProPhoto-no.jpg';\n   document.getElementById('L100').src = '\/i\/cs\/RedFlower-WideRGB-no.jpg';\n   document.getElementById('L101').src = '\/i\/cs\/RedFlower-AppleRGB-no.jpg';\n\/\/   document.getElementById('L102').src = '\/i\/cs\/RedFlower-JeffsLCD-no.jpg';\n;\n}\n\nsetTimeout('LoadSeriesA();', 1000);\nsetTimeout('LoadSeriesB();', 3000);\n\n<\/script>\n<\/div>\n<\/div>\n\n<p>Use all three sets of buttons (for images that provide them) to\ndetermine how colormetrically advanced your browser is, as described below.\nThe other pictures (which have the orange buttons only) are provided so\nthat you can see the practical effects of misinterpreted color spaces with\na variety of real-world images.\n\n<\/p><p>\n\nThe tests show images encoded with six different color spaces.\n\n<!-- The\n<b>Jeff's LCD<\/b> color space is from the hardware color profile needed by\nthe LCD monitor on my personal laptop. What this means, and why it's here,\nare explained on the next page. -->\n\n<\/p>\n\n<ul><li><p><b>7 ORANGE BUTTONS &mdash; Without an embedded color\nprofile<\/b><\/p><p>The data has been written as per the button colorspace,\nbut without an embedded color profile, so an application has no other\nchoice but to apply its default color handling. For virtually all browsers,\nthe default handling is &#8220;no color management,&#8221 which means to\nassume that the image data was written for the current monitor (which is\npretty much guaranteed to be the wrong assumption, unless you built the\nimage yourself with this odd intent built in). This sad state of browser\ncolor-handling is discussed on the next page.\n\n<\/p><\/li>\n\n<li><p><b>7 AQUA BUTTONS &mdash; With an embedded color profile<\/b><\/p>\n\n<p>The appropriate color profile <i>is<\/i> embedded into each image, so if\nyour browser respects embedded color profiles, all aqua-button images\nshould look the same (except, perhaps, for mild artifacts from the\naggressive image compression I used in trying to keep the size of this web\npage reasonable). Color-managed browsers do this properly (Safari and modern versions\nof Firefox on Mac\/PC, and a smattering of other minor Mac browsers).\n\n<\/p><p>\n\nIf your browser does not honor an embedded color profile (as most don't,\nunfortunately), you should see the same wrong-color results as with the\nno-profile set of orange buttons.<\/p><\/li>\n\n<li><p><b>2 PURPLE BUTTONS &mdash; Tagged color space<\/b><\/p>\n\n<p>The Exif and DCF standards allows an image's color space to be noted as\nbeing &#8220;sRGB,&#8221; &#8220;Adobe RGB,&#8221; or &#8220;something\nelse.&#8221; Advanced image-processing software like Photoshop understands\nthese tags, but I don't know of any browser that does. Still, I've put this\nrow so that you can test your browser.<\/p><\/li>\n\n<\/ul>\n\n<p>\nBy the way, I took all these pictures (except the one with me in it, which\nmy wife took). I have blog posts about some of them:\n<a href='\/blog\/2005-12-02\/107'>autumn leaves<\/a>\n\/ <a href='\/blog\/2006-01-20\/135'>firemen's boots<\/a>\n\/ <a href='\/blog\/2006-09-07\/240'>autumn house<\/a>\n\/ <a href='\/blog\/2006-02-18\/151'>shrine lanterns<\/a>\n\/ <a href='\/blog\/2006-04-11\/177'>silly slide<\/a>.\n\n<\/p>\n\n<p><b>Conclusions<\/b><\/p>\n\n<p>In looking at the real-world tests, it's clear that when a color space\nis misinterpreted, the result can appear wrong &mdash; usually dull and\nmuted. It's not as bad as the green skin of the funky color space I made up\nfor the <a\nhref='\/blog\/photo-tech\/color-spaces-page1\/#Example'>Page-1\nexample<\/a>, but it can certainly be quite noticeable.\n\n<\/p><p>\n\nTo really understand the meaning of these tests and what the results mean\nin a practical way, we must talk of not only color spaces, but of the\nlarger picture of <i>color management<\/i>.\n\n<\/p>\n<p><b>Continued on the Next Page<\/b><\/p>\n<p>\n\nThis article continues with <a\nhref='\/blog\/photo-tech\/color-spaces-page3\/'>Page 3: History of Color\nMis-Management<\/a>.  If you'd like to skip the background and technical talk,\nyou can jump ahead to the last page,\n<a\nhref='\/blog\/photo-tech\/color-spaces-page7\/'>Page 7: Recommendations and Links<\/a>.\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p><b>See For Yourself The Effects of Misinterpreted Color Data<\/b><\/p> <p> In the introduction, we saw an exaggerated (but real) example of how colors turn out wrong when the color space is misinterpreted. Luckily, common digital-image color spaces are all close enough so that even when misinterpreted, they're generally in the right ballpark. More or less. Sort of. Maybe. <\/p><p> In the box below, mouseover the buttons under the large image to see what that image looks like when its color data has been encoded in the named color space: the orange buttons on the first row bring up images without [...]","protected":false},"author":1,"featured_media":0,"parent":251,"menu_order":2,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/253"}],"collection":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":0,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/251"}],"wp:attachment":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}