{"id":60,"date":"2021-08-18T02:20:39","date_gmt":"2021-08-18T02:20:39","guid":{"rendered":"https:\/\/pkery.com\/visual-principles\/?p=60"},"modified":"2023-12-14T21:21:47","modified_gmt":"2023-12-14T21:21:47","slug":"ambiguous-grey","status":"publish","type":"post","link":"https:\/\/pkery.com\/visual-principles\/ambiguous-grey\/","title":{"rendered":"Ambiguous Grey"},"content":{"rendered":"<div class=\"scroll one ambig-grey\">\n<div class=\"left-side\">\n<div class=\"left-side-white\"><\/div>\n<div class=\"squares-holder\">\n<div class=\"square left-square\"><\/div>\n<div class=\"square center-square\"><\/div>\n<div class=\"square right-square\"><\/div>\n<\/p><\/div>\n<p><!--squares holder--><\/p>\n<p class=\"instructions\">The current screen is split into 2 vertical sections of light and dark. There are 2 squares on this screen with 1 on each section. The square on the right lighter section should appear darker. However, if we <span class=\"engage-click-bg\">turn off the left darker section,<\/span> you will see both squares have the same intensity of light.<\/p>\n<\/p><\/div>\n<div class=\"right-side\">\n<div class=\"squares-holder\">\n<div class=\"square left-square\"><\/div>\n<div class=\"square center-square\"><\/div>\n<div class=\"square right-square\"><\/div>\n<\/p><\/div>\n<p><!--squares holder--><\/p>\n<p class=\"instructions\"> Furthermore, if we <span class=\"engage-click\">add different shades of grey squares<\/span> to the sides of each square, the apparent difference in brightness is even more pronounced When a bright area lies next to a dark area, the brain tends to enhance the difference in brightness. Our brains read values of color based on their surrounding relationships.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"scroll two ambig-grey\">\n<p class=\"instructions\">There are a set of light and dark stripes on your screen. There appears to be a light area of grey on the left and a darker area of grey on the right. But just as on the previous screen, when <span class=\"engage-click two\">the large bars are turned off <\/span>one sees that the 2 inner areas of grey are the same shade.<\/p>\n<ul class=\"grey-bars-base\">\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<\/ul>\n<ul class=\"grey-bars-overlay\">\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar light noshift\"><\/li>\n<li class=\"grey-bar\"><\/li>\n<li class=\"grey-bar light shift-a\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<li class=\"grey-bar light shift\"><\/li>\n<\/ul><\/div>\n<\/div>\n<div class=\"scroll three ambig-grey\">\n<p class=\"letter-A\">A<\/p>\n<p class=\"letter-B\">B<\/p>\n<p>    <!--<img decoding=\"async\" src=\"https:\/\/pkery.com\/visual-principles\/wp-content\/uploads\/orb-red.png\" alt=\"Orb for ambiguous grey exercise within visual principles\" class=\"orb\">--><\/p>\n<div class=\"circle\"><\/div>\n<div class=\"oval\"><\/div>\n<div id=\"match-stick\" class=\"match-stick\">\n      <i class=\"fa\">&#xf256;<\/i>\n    <\/div>\n<p class=\"instructions\">The difference in light intensity between an image and its adjacent background is known as \u2018contrast\u2019. Contrast emphasizes the border between objects making the boundary between the two distinguishable. The phenomenon of seeing an object being drawn closer to its surroundings is known as \u2018assimilation\u2019. Assimilation is a perceived change in brightness or color in one part of an object in the direction of the brightness or color to another part or parts within the same picture. The brightness of the greys in these ambiguous exercises do not exist in nature objectively, but exist as a subjective experience within our brains. There is a solid sphere on this checkerboard pattern. There are 2 squares labeled, \u2018A\u2019 and \u2018B\u2019. The B square naturally appears lighter. However, if one <strong>moves the grey bar with the hand symbol over the 2 squares,<\/strong> they both appear as the same value.<\/p>\n<\/div>\n<ul class=\"button-set\">\n<li><button class=\"scroll-button one-button scroll-button-select\">1<\/button><\/li>\n<li><button class=\"scroll-button two-button\">2<\/button><\/li>\n<li><button class=\"scroll-button three-button\">3<\/button><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The current screen is split into 2 vertical sections of light and dark. There are 2 squares on this screen with 1 on each section. The square on the right lighter section should appear darker. However, if we turn off the left darker section, you will see both squares have the same intensity of light. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-60","post","type-post","status-publish","format-standard","hentry","category-greys-colors"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":6,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/posts\/60\/revisions\/139"}],"wp:attachment":[{"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pkery.com\/visual-principles\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}