<?xml version="1.0" encoding="UTF-8" standalone="yes"?><oembed><version><![CDATA[1.0]]></version><provider_name><![CDATA[COLOR THEORY?]]></provider_name><provider_url><![CDATA[https://alexandrapev.wordpress.com]]></provider_url><author_name><![CDATA[alexandrapevzner]]></author_name><author_url><![CDATA[https://alexandrapev.wordpress.com/author/alexandrapevzner/]]></author_url><title><![CDATA[Color interaction]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>Our brains rely on context to interpret any visual stimulus this is probably the most frequent trick played in countless visual illusions.</p>
<p>Generally humans are very  good at distinguishing different levels of brightness but less good at differentiating hues and intensities.</p>
<p>Mixing in (tones, shades, and tints) expands the basic 12-spoke color wheel into an infinite number of colors.</p>
<p><strong>Color Context</strong> &#8211; It’s important to understand how color behaves when paired with other colors and shapes to use them in the best way possible.</p>
<p>Color is ALWAYS relative, rule laid out by J. Albers. The same identical color can be made to look like two different colors and two different colors can be made to look the same, simply by placing them in different contexts. The reason is that Two colors, side by side, interact with one another and change our perception accordingly. The effect of this interaction is called <strong>simultaneous CONTRAST.</strong><br />
The real colors are not altered, only our perception of them changes.</p>
<p><strong>SIMULTANEOUS CONTRAST &#8211; </strong>most intense when when two colors are complementary.<strong><br />
</strong></p>
<div data-shortcode="caption" id="attachment_314" style="width: 310px" class="wp-caption aligncenter"><a href="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg"><img loading="lazy" aria-describedby="caption-attachment-314" data-attachment-id="314" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/simultaneous-contrast/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg" data-orig-size="370,188" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="simultaneous contrast" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?w=370" class="wp-image-314 " title="simultaneous contrast" alt="simultaneous contrast" src="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?w=300&#038;h=152" width="300" height="152" srcset="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?w=300&amp;h=152 300w, https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?w=150&amp;h=76 150w, https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg 370w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-314" class="wp-caption-text">Darker surrounding color –the central square appears lighter<br />Lighter surrounding color –the central square appears darker</p></div>
<div data-shortcode="caption" id="attachment_315" style="width: 751px" class="wp-caption aligncenter"><a href="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg"><img aria-describedby="caption-attachment-315" data-attachment-id="315" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/simultaneous-contrast2/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg" data-orig-size="286,395" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="simultaneous contrast2" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg?w=217" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg?w=286" class="size-large wp-image-315 " alt="simultaneous contrast2" src="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg?w=741&#038;h=1024" srcset="https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg 286w, https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast21.jpg?w=109&amp;h=150 109w" sizes="(max-width: 286px) 100vw, 286px"   /></a><p id="caption-attachment-315" class="wp-caption-text">Two different colors are made to look the same value, saturation, hue, or size</p></div>
<p><strong>COLOR EFFECTS</strong> &#8211; Spatial interpretation of the color area in relation to the total visual field. it is how we perceive a color when appears next to another.</p>
<p><a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg"><img data-attachment-id="325" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg" data-orig-size="756,337" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg?w=756" class="size-large wp-image-325 aligncenter" alt="color effects" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg?w=1024&#038;h=456" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg 756w, https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg?w=150&amp;h=67 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects.jpg?w=300&amp;h=134 300w" sizes="(max-width: 756px) 100vw, 756px"   /></a></p>
<p><a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg"><img data-attachment-id="326" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects2/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg" data-orig-size="720,348" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects2" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg?w=720" class="size-large wp-image-326 aligncenter" alt="color effects2" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg?w=1024&#038;h=493" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg 720w, https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg?w=150&amp;h=73 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects2.jpg?w=300&amp;h=145 300w" sizes="(max-width: 720px) 100vw, 720px"   /></a>Helmholtz-Kohlrausch Effect &#8211; Color shift in a simultaneous hue contrast.<br />
Boundaries and outlines can create strange distortions in the way we perceive a color.</p>
<p style="text-align:left;">Bezold Effect &#8211; White and black outlines create completely different visual impressions when the main colors are exactly the same<br />
COLOR<br />
<a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg"><img loading="lazy" data-attachment-id="328" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects3/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg" data-orig-size="384,264" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects3" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=384" class="alignnone  wp-image-328" alt="color effects3" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=307&#038;h=211" width="307" height="211" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=307&amp;h=211 307w, https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=150&amp;h=103 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg?w=300&amp;h=206 300w, https://alexandrapev.files.wordpress.com/2013/09/color-effects31.jpg 384w" sizes="(max-width: 307px) 100vw, 307px" /></a></p>
<p>YELLOW as background color-  Vivid and fresh atmosphere. Pattern colors become more soft and light.</p>
<p>BLUE as background color- Mood becomes gloomy. Pattern colors look darker and deeper &amp; sharper.</p>
<p><a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg"><img loading="lazy" data-attachment-id="330" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects4b/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg" data-orig-size="290,288" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects4b" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg?w=290" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg?w=290" class="wp-image-330 alignleft" alt="color effects4b" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg?w=203&#038;h=202" width="203" height="202" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg?w=203&amp;h=202 203w, https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg?w=150&amp;h=150 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects4b.jpg 290w" sizes="(max-width: 203px) 100vw, 203px" /></a> <a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg"><img loading="lazy" data-attachment-id="329" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects4a/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg" data-orig-size="290,287" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects4a" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg?w=290" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg?w=290" class="alignnone  wp-image-329" alt="color effects4a" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg?w=203&#038;h=201" width="203" height="201" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg?w=203&amp;h=201 203w, https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg?w=150&amp;h=148 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects4a.jpg 290w" sizes="(max-width: 203px) 100vw, 203px" /></a></p>
<p style="text-align:left;"><a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg"><img loading="lazy" data-attachment-id="333" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects5/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg" data-orig-size="573,399" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects5" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=573" class=" wp-image-333 aligncenter" alt="color effects5" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=420&#038;h=293" width="420" height="293" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=420&amp;h=293 420w, https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=150&amp;h=104 150w, https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg?w=300&amp;h=209 300w, https://alexandrapev.files.wordpress.com/2013/09/color-effects5.jpg 573w" sizes="(max-width: 420px) 100vw, 420px" /></a>Breneman Effect &#8211; As the background becomes darker, the induced lightening in the image causes all the values to appear lighter. this has the greatest impact on the darkest values. Against a light valued background the lightness contrast causes the image values to appear darker<br />
<a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg"><img loading="lazy" data-attachment-id="334" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects6/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg" data-orig-size="444,451" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects6" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=295" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=444" class="alignnone  wp-image-334" alt="color effects6" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=239&#038;h=243" width="239" height="243" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=239&amp;h=243 239w, https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=148&amp;h=150 148w, https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg?w=295&amp;h=300 295w, https://alexandrapev.files.wordpress.com/2013/09/color-effects6.jpg 444w" sizes="(max-width: 239px) 100vw, 239px" /></a><br />
Complementary colors look the brightest and most vibrant next to each other. The same color can look very different depending on what it’s next to.</p>
<p style="text-align:left;">AFTERIMAGE EFFECT &#8211; Demonstrates the interaction of color caused by interdependence of color.</p>
<p style="text-align:left;"><a href="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg"><img loading="lazy" data-attachment-id="335" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/color-effects7/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg" data-orig-size="665,345" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="color effects7" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=665" class="alignnone size-medium wp-image-335" alt="color effects7" src="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=300&#038;h=155" width="300" height="155" srcset="https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=300&amp;h=155 300w, https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=598&amp;h=310 598w, https://alexandrapev.files.wordpress.com/2013/09/color-effects7.jpg?w=150&amp;h=78 150w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p style="text-align:left;">After staring for half a minute at the left square, shift the focus suddenly to the right square Instead of the usual color-based afterimage that would complement the yellow circles with blue, their opposite, a shape-based afterimage is manifest as diamond shapes &#8211;the &#8216;leftover&#8217; of the circles.</p>
<p style="text-align:left;"><strong>OPTICAL ILLUSIONS</strong></p>
<p style="text-align:left;"><a href="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg"><img loading="lazy" data-attachment-id="337" data-permalink="https://alexandrapev.wordpress.com/2013/09/25/color-interaction/optical-illusions/" data-orig-file="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg" data-orig-size="790,536" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="optical illusions" data-image-description="" data-medium-file="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=300" data-large-file="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=790" class="alignnone size-medium wp-image-337" alt="optical illusions" src="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=300&#038;h=203" width="300" height="203" srcset="https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=300&amp;h=203 300w, https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=598&amp;h=406 598w, https://alexandrapev.files.wordpress.com/2013/09/optical-illusions.jpg?w=150&amp;h=102 150w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p style="text-align:left;">When you have a really big contrast between colors the eye&#8217;s jumping from one color to another trying to get the whole picture. That creates the illusion of movement.</p>
]]></html><thumbnail_url><![CDATA[https://alexandrapev.files.wordpress.com/2013/09/simultaneous-contrast1.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>