{"id":1215,"date":"2022-01-19T10:43:16","date_gmt":"2022-01-19T10:43:16","guid":{"rendered":"https:\/\/csee.bangor.ac.uk\/?p=1215"},"modified":"2022-01-19T10:43:16","modified_gmt":"2022-01-19T10:43:16","slug":"learn-about-the-relative-nature-of-colour","status":"publish","type":"post","link":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/","title":{"rendered":"Learn about the relative nature of colour"},"content":{"rendered":"\n<!-- Custom post code :: Pure CSS Rainbows -->\n<!-- Adds prettyprint for code snippets -->\n\n  code { background-color: rgba(0,0,0,.05); }\n  .linenums { color: #aaa; }\n  .linenums li {\n    list-style-type: decimal !important;\n    font-size: 12pt;\n    margin-top: 0px;\n  }\n  .linenums li:nth-child(even) { background: transparent !important; }\n  .wp-block-image { text-align: center !important; }\n  .wp-block-image img { display: inline; }\n\n\n\n\n\n<p>In this activity we play with colour! Through our investigations we will learn about the nature of colour, and discover how colour appears to change depending on the different lighting that falls on it, and depending on what colours surround it.<\/p>\n\n\n\n<p>The activity develops from previous activities. So take a look at some earlier activities, before tackling this activity, especially if you have not done any already:<\/p>\n\n\n\n<ol><li><a href=\"https:\/\/csee.bangor.ac.uk\/project-rainbow\/introduction-to-rainbows-and-colours\/\">Rainbows and Colours<\/a><\/li><li>the activity to&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/csee.bangor.ac.uk\/project-rainbow\/using-the-critical-thinking-sheet\/\" target=\"_blank\">make a quick sketch before you code<\/a>, an<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/csee.bangor.ac.uk\/project-rainbow\/learn-hue-saturation-and-brightness-hsb-colour-coding\/\" target=\"_blank\">Hue Saturation Brightness<\/a>&nbsp;activities first.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 1. Evaluate and critique the pictures<\/h2>\n\n\n\n<p>Look at the photographs of the blackberries. They may bring back memories of searching for blackberries in the hedgerows. Perhaps making blackberry jelly jam at home. Possibly getting hurt by the thorns as you try to pick them. <\/p>\n\n\n\n<p>But does this picture look right? Are the colours correct?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"529\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated.jpg\" alt=\"Blackberry photo in colour (version4)\" class=\"wp-image-1222\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated.jpg 702w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated-300x226.jpg 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><figcaption>A colour photograph of blackberries. (v1)<\/figcaption><\/figure>\n\n\n\n<p>Consider these next four photographs of the blackberries photograph. Think about each of these photographs. Do these look better? Try to consider which is the correct one!<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"529\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated.jpg\" alt=\"Blackberry photo in colour (version4)\" data-id=\"1222\" data-full-url=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated.jpg\" data-link=\"https:\/\/csee.bangor.ac.uk\/?attachment_id=1222\" class=\"wp-image-1222\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated.jpg 702w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-saturated-300x226.jpg 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><figcaption class=\"blocks-gallery-item__caption\">IA colour photograph of blackberries.(v1)<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"529\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version.jpg\" alt=\"Blackberry photo in colour (version1)\" data-id=\"1219\" data-full-url=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version.jpg\" data-link=\"https:\/\/csee.bangor.ac.uk\/?attachment_id=1219\" class=\"wp-image-1219\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version.jpg 702w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-300x226.jpg 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><figcaption class=\"blocks-gallery-item__caption\">A colour photograph of blackberries.(v2)<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"529\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-more-highlights.jpg\" alt=\"Blackberry photo in colour (version2)\" data-id=\"1220\" data-full-url=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-more-highlights.jpg\" data-link=\"https:\/\/csee.bangor.ac.uk\/?attachment_id=1220\" class=\"wp-image-1220\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-more-highlights.jpg 702w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-more-highlights-300x226.jpg 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><figcaption class=\"blocks-gallery-item__caption\">A colour photograph of blackberries.(v3)<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"529\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-less-highlights.jpg\" alt=\"Blackberry photo in colour (version3)\" data-id=\"1221\" data-full-url=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-less-highlights.jpg\" data-link=\"https:\/\/csee.bangor.ac.uk\/?attachment_id=1221\" class=\"wp-image-1221\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-less-highlights.jpg 702w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/image-berries-colour-version-less-highlights-300x226.jpg 300w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><figcaption class=\"blocks-gallery-item__caption\">A colour photograph of blackberries. (v4)<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>It is not easy to decide which is the right one. <\/p>\n\n\n\n<p>Actually there is no correct one! I took the photographs on a sunny afternoon.  So the sun was quite bright, and consequently the colours would be quite right. But was the light more yellow, or white? V1 has rich vibrant colours, it looks like a very warm day. V2 looks like it was an overcast day, with the sun shining through the clouds. V3 perhaps could be a bright day, but not in direct sunlight. V4 is a warm day, but not as warm as v1. <\/p>\n\n\n\n<p>In actual fact, the original is v2. But the photograph was made by a camera, with particular settings, and processed by the camera&#8217;s computer. In other words, the camera had to choose how to process the light into colours and how to store it. Furthermore, the appearance of the images will depend on the computer screen you use to view them. Your computer screen will have different settings, to change to warmer colours, colours that are more blue , darker or lighter colours, and so on.<\/p>\n\n\n\n<p><strong>What colour are the leaves? What colour is the berry?<\/strong> <\/p>\n\n\n\n<p>We can evaluate the image through an image processing application. <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:auto 61%\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"703\" height=\"265\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/berry-data-leaves-berry.png\" alt=\"RGB colour analysis of the berry picture\" class=\"wp-image-1229\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/berry-data-leaves-berry.png 703w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/berry-data-leaves-berry-300x113.png 300w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">We find that the <strong>leaves<\/strong> have a broad range of green hints. From dark green to light green. For instance, the position underneath the leaf is in shadow, and consequently the colour appears dark green: RGB(34,42,21). While the top of the leaf is not in shadow, and is a brighter green RGB(99,140,36). The part of the leaf that is in directly in the light is brightest still, RGB(196,229,176). The leaf changes colour; depending on whether it is in shade or bright light.<\/p>\n\n\n\n<p>Likewise, the <strong>ripe blackberry<\/strong> has colours that appear black to grey. The range from dark black RGB(7,1,3) to a light grey RGB(196,229,176). While the blackberry is (well) black all over, some parts catch the light and act as small mirrors. Some parts reflect light very well. The berry segments that reflect the light well, catch our eye, and appear as small jewels glistening in the light.<\/p>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">What does this tell us?<\/h3>\n\n\n\n<p>This tells us a few things. First, colours can be identified by us, and <strong>measured<\/strong> and classified. Second, how we view and perceive colours depends on the <strong>environment<\/strong> they are displayed within:  Third, colours are <strong>emotive<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 2. Name colours and think about how they are measured<\/h2>\n\n\n\n<p>Let&#8217;s do a quick activity. Try to name the following 10 colours. Go through each one and name them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"130\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1024x130.png\" alt=\"Ten colours to name\" class=\"wp-image-1234\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1024x130.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-300x38.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-768x98.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1536x195.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png 2029w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ten colours to name<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>Working through 1 to 10, you may go as follows: &#8220;Yellow, well that was easy&#8221;, then you hesitate. You think to yourself &#8220;what is this colour, is it orange, maybe pink-orange, perhaps salmon? Let&#8217;s call it salmon&#8221;. Now you move on, it&#8217;s a little more easy. You say &#8220;pink&#8221;, then &#8220;green, blue and red&#8221;. Now you hesitate. &#8220;Is 7 red, if 6 is red&#8221;, so you perhaps decide that &#8220;6 is dark red, and 7 is red&#8221;. Then &#8220;green, blue and grey&#8221;. But then you realise that you said that 4 was green and 8 also green and named both 5 and 9 blue. Perhaps you adjust 8 to be dark green, and 9 to cyan.<\/p><\/blockquote>\n\n\n\n<p>What&#8217;s the point? Well, unless there is a clear idea, then naming the colours are not possible. <\/p>\n\n\n\n<p>Goethe proposed a useful strategy. Goethe separated the colour wheel into 12 parts; with yellow, red and blue separated in an equilateral triangle. This gives us a clear way to name the colours. Follow the convention of <em>primary colour first<\/em>. We can get Yellow, Yellow-orange, orange and so on.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"408\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-1.png\" alt=\"\" class=\"wp-image-1257\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-1.png 618w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-1-300x198.png 300w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">Using Goethe&#8217;s 12-part colour wheel we can easily observe the primary colours: yellow, red and blue. And observe orange, violet and green. Tertiary colours can then be named. Following the convention of the primary colour first, we can name yellow-orange, red-orange, red-violet, blue-violet, blue-green and yellow-green.<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-pullquote alignright has-background is-style-solid-color\" style=\"background-color:#dbdbdb\"><blockquote class=\"has-text-color has-primary-color\"><p><span class=\"has-inline-color has-accent-color\">Top tip<\/span>.<\/p><p> Name primary colour first. <\/p><p>E.g., blue that is more violet becomes blue-violet<\/p><\/blockquote><\/figure>\n\n\n\n<p>If we were to mix paint to create these colours, we could move a red colour into something that looks more red-violet. A person with normal vision would identify a blue as a blue, and not a red. And a blue that is neither greenish or pink. But when is a red a red, and not an orange or red-orange. Potentially we could go higher elements, but it would be difficult to visualise and name all these different colours.  <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 15%\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"1024\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-and-wavelength-654x1024.png\" alt=\"Individual colours and their associated wavelengths\" class=\"wp-image-1241\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-and-wavelength-654x1024.png 654w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-and-wavelength-192x300.png 192w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-and-wavelength.png 745w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">Rather than naming individual colours, we could measure the lights in terms of their frequency. The human eye can typically perceive different wavelengths between <a rel=\"noreferrer noopener\" href=\"https:\/\/en.wikipedia.org\/wiki\/Visible_spectrum\" target=\"_blank\">380 to 750 nanometers.<\/a> Sir Isaac Newton split white sunlight into the spectrum of colours, and we can name each hue in terms of its wavelength or frequency. <\/p>\n\n\n\n<p>But colours we see are because that object has absorbed all other colours. So we could say &#8220;we see a red chair&#8221;. But this pot is only red, because at a molecular level, the surface of the chair has absorbed all light rays except for the reds. The chair does not really have a particular colour, instead it is the light around it that generates the colour.<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-pullquote alignleft is-style-solid-color\"><blockquote><p>&#8220;<em>I think it is a waste of time for the colourist to practice making 24-hue, or 100 hue, colour circles. Can any painter, unaided, visualize Colour No.83 of a 100-hue circle?<\/em>&#8220;<\/p><cite><strong>Johannes Itten writing in Elements of Colour<\/strong><\/cite><\/blockquote><\/figure>\n\n\n\n<p>Johannes Itten, in his book The Elements of Color, explains that this is &#8220;colour agent&#8221;; the naming and defining of a colour. We can evaluate a colour and define it in terms of its wavelength and reflectivity. We can look at paints and measure the mixes, to create physio-chemically accurate colours. But it is not only about naming colours, or measuring them, but seeing how they appear.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignright is-style-solid-color\"><blockquote><p>Colour agent <strong>(as named by Johannes Itten) represents the colour that it is, <\/strong><\/p><p><strong>e.g., as measured by the computer, or stored in a file.<\/strong><\/p><\/blockquote><\/figure>\n\n\n\n<p>Look at the coloured red and blue blocks. What do you see? Are some darker than others?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/blue-red-squares-1024x415.png\" alt=\"Several blue and red squares. The left squares appear darker than the right squares.\" class=\"wp-image-1249\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/blue-red-squares-1024x415.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/blue-red-squares-300x121.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/blue-red-squares-768x311.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/blue-red-squares.png 1341w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Several blue and red squares. The left squares appear darker than the right squares.<\/figcaption><\/figure>\n\n\n\n<p>Each of the blocks have a different <strong>colour interval<\/strong>. The rectangles along the top show a dramatic change. While those vertically show a more subtle interval.<\/p>\n\n\n\n<p>Consider the next six blue squares. Name their value.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"162\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-1024x162.png\" alt=\"Six blue squares, ranging from dark blue to white\" class=\"wp-image-1252\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-1024x162.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-300x47.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-768x121.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-1536x243.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels.png 1695w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Six blue squares, ranging from dark blue to white<\/figcaption><\/figure>\n\n\n\n<p>Probably you looked at the whole six squares and said that the left one was 100% and the one to the right was zero. You would probably allocate an equal amount of value to the interval between each, and the brightest got the higher value and the white the lowest. Possibly 100%, 80%, 60%,40%, 20% and 0%. This seems sensible. In fact, this matches with how the image was created &#8211; as we altered the levels of saturation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"185\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-1024x185.png\" alt=\"Six coloured blue squares. Each with a different saturation\" class=\"wp-image-1251\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-1024x185.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-300x54.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-768x138.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-1536x277.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-with-labels-2048x369.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Six coloured blue squares. Each with a different saturation<\/figcaption><\/figure>\n\n\n\n<p>However, what if we said that we tricked you. And the quantity of coloured squares is different. <\/p>\n\n\n\n<p>What would you think now? <\/p>\n\n\n\n<p>Would you change your mind on the values you allocated?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"97\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-1024x97.png\" alt=\"Ten blue squares, ranging from dark blue to white\" class=\"wp-image-1253\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-1024x97.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-300x28.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-768x73.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-1536x145.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/colour-as-value-no-labels-extended-2048x194.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ten blue squares, ranging from dark blue to white<\/figcaption><\/figure>\n\n\n\n<p>Probably you would change your mind. You would allocate the maximum value to the dark black, and the minimum value to the white. <\/p>\n\n\n\n<p>So what is the moral? There are several lessons we can learn:<\/p>\n\n\n\n<ul><li>First, it is certainly possible to allocate values to colours. We can imagine colours in terms of value. This is useful. Not only does it help us to find the ripest berries in a berry patch, but we can also use them to create plots and charts, and understand values on maps! <\/li><li>Second, it is not always easy to allocate values.  We really need to view the range of values on offer, to decide on their respective values. This is why we need to see a colour legend in a map &#8211; so that we can understand individual values.<\/li><li>Third, we need to see the full range of colours, to decide on the range of values. Indeed, we see colours in comparison to other colours.<\/li><li>Fourth, it is not easy to allocate accurate colours. Especially if those colours are far away, or adjacent to different colours. As we shall see next, our perception of colours change depending on where they are located. <\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 3. Judge colours in comparison to where they are located.<\/h2>\n\n\n\n<p>We have already looked at this challenge with the blackberry photographs (see above in step 1). We have already discovered that colours look different depending on how much light falls on the surface and how they reflect light. <\/p>\n\n\n\n<p>To look deeper into this challenge; look at the following set of ten colours. Now name the coloured squares (on the black background) numbered 1 to 10. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1024x306.png\" alt=\"Image shows 10 coloured rectangles, on a black background, which are named 1 to 10. The idea is to name the colours.\" class=\"wp-image-1239\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1024x306.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-300x90.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-768x230.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1536x460.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-2048x613.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Image shows 10 coloured rectangles, on a black background, which are named 1 to 10. The idea is to name the colours.<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>Working through 1 to 10, our thoughts may go as follows. &#8220;Yellow, salmon, pink, light green, light blue, dark red, magenta, green, cyan and grey&#8221;. <\/p><\/blockquote>\n\n\n\n<p>It is interesting. We have probably named these colours differently to the previous 10 colours we named in <strong>Step 2<\/strong>. <\/p>\n\n\n\n<p><strong>However, these coloured rectangles have the same RGB values<\/strong> as before.<\/p>\n\n\n\n<p>Even if we put the images close together, our mind struggles to perceive the same colours. We see the colours differently, if they are on a white background in comparison to the black background. For example, rectangle 5 looks much lighter against the dark background. Rectangle 9 looks warmer on the dark background.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"130\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1024x130.png\" alt=\"Image shows 10 rectangles on a white background. Each rectangle has a different hue, and is numbered 1 to 10.\" class=\"wp-image-1234\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1024x130.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-300x38.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-768x98.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-1536x195.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png 2029w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Image shows 10 coloured rectangles, on a white background, which are named 1 to 10. The idea is to name the colours.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1024x306.png\" alt=\"Image shows 10 coloured rectangles, on a black background, which are named 1 to 10. The idea is to name the colours.\" class=\"wp-image-1239\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1024x306.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-300x90.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-768x230.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-1536x460.png 1536w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours-version2-2048x613.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Image shows 10 coloured rectangles, on a black background, which are named 1 to 10. The idea is to name the colours.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-pullquote alignwide is-style-default\"><blockquote><p>&#8220;<strong>Psychophysiological colour<\/strong> reality is what I call colour effect&#8221; [Itten] <\/p><p>It is how the colour looks to us. <\/p><cite>Johannes Itten, The Elements of Color<\/cite><\/blockquote><\/figure>\n\n\n\n<p>Our eyes make decisions on the colours based on what colours surround it. We perceive colours (in our mind) through comparison to other colours, and in contrast to other hues. <strong>Johannes Itten names this &#8220;colour effect&#8221;.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:33% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/white-black-square2-1024x439.png\" alt=\"Black square on a black background, and a black square on a white background.\" class=\"wp-image-1248\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/white-black-square2-1024x439.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/white-black-square2-300x129.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/white-black-square2-768x329.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/white-black-square2.png 1284w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">If we see a white square on a black background, it will look larger than a black square (of equal proportions) on a white background. The black contracts, whereas the white stands out.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:33% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/yellow-black-square2-1024x439.png\" alt=\"Yellow square on a black background, and a yellow square on a white background.\" class=\"wp-image-1247\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/yellow-black-square2-1024x439.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/yellow-black-square2-300x129.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/yellow-black-square2-768x329.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/yellow-black-square2.png 1282w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">When observing a yellow square on white or black background. On a dark background the yellow appears more brilliant and bright, whereas on a light background the yellow square looks darker, and perhaps feels more warmer.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:33% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/red-black-square2-1024x439.png\" alt=\"Red square on a black background, and a red square on a white background.\" class=\"wp-image-1246\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/red-black-square2-1024x439.png 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/red-black-square2-300x129.png 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/red-black-square2-768x329.png 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/red-black-square2.png 1282w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">The red square looks darker on the white background, and perhaps more luminous and a warmer colour on the black background.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 4. What emotions do colours evoke?<\/h2>\n\n\n\n<p>Look at these pictures of Caernarfon Castle. Which photograph looks like it was taken on a warm day? Was it hot or cold, when the photograph was taken?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/caernarfon-castle-different-tints-1024x516.jpg\" alt=\"Four Photographs of Caernarfon Castle\" class=\"wp-image-1258\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/caernarfon-castle-different-tints-1024x516.jpg 1024w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/caernarfon-castle-different-tints-300x151.jpg 300w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/caernarfon-castle-different-tints-768x387.jpg 768w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/caernarfon-castle-different-tints.jpg 1275w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Four Photographs of Caernarfon Castle<\/figcaption><\/figure>\n\n\n\n<p>Photographs evoke feelings and emotions. The colours in these photographs may evoke warm colours, or colder contrasts. Perhaps things that appear dull may seem to be more distant objects. They may appear colder. A photograph of a warm summer day may contain yellows and oranges. In contrast a colder day may be dull, and dark. Again these are contrasting colours &#8211; cold to warm, sun to shade, far and near, wet and dry &#8211; our mind observes these differences.<\/p>\n\n\n\n<p>In broad terms we can say that the tints that are red to orange are warm, while the blues to greens feel colder. There is a cold-warm contrast in the polar extremes of the 12-part colour wheel. This is obviously a huge generalisation, as the perception of colours depend on many things, especially nearby colours, how they are lit, what people have already said about the photograph and so on.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"493\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-WarmCool.png\" alt=\"Cold warm divide on the colour wheel\" class=\"wp-image-1259\" srcset=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-WarmCool.png 619w, https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/construction-for-colour-chords-WarmCool-300x239.png 300w\" sizes=\"(max-width: 619px) 100vw, 619px\" \/><figcaption>Cold warm divide on the colour wheel<\/figcaption><\/figure>\n\n\n\n<p>One particular effect is that our brain spontaneously requires the complementary colour, and we imagine it there when it is not. For example, when looking at a black square on an area of red, the square will appear greenish grey. Or if the square is blue, orange. Or with a violet square then yellowish. In other words, the mind has simultaneously generated the complement colour. This is <strong>simultaneous contrast<\/strong>.<\/p>\n\n\n\n<p>With a grey square of matching brilliance to the background, appears on a block of bold colour. The grey square appears tinted with the colour of the complement of the block of colour.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/complement-hints-on-grey-1024x806.png\" alt=\"Simultaneous contrast, where the small natural grey square appears tinged with the complementary of the background\" class=\"wp-image-1261\" width=\"563\" height=\"441\" \/><figcaption>Simultaneous contrast, where the small natural grey square appears tinged with the complementary of the background<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 5. Do your own research.<\/h2>\n\n\n\n<p>There are many situations where colour changes are used to affect mood. Do your own research and find some movies where colour change is clearly being used. <\/p>\n\n\n\n<p>For example Disney&#8217;s Toy Story 3, uses lighting to engender different moods. The colours are used to drive the emotional arc of the movie. Bright and vibrant colours are used for the logo, when the toys are happy (when they first arrive at the day care centre) the windows are open, with lots of light, soft shadows, and the colours are bright. When the mood changes, and the toys are worried, the colours of the scene is more red, with harsh shadows. When the nursery looks like a prison, a grey colour pallet is used.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Want to look further? <\/h2>\n\n\n\n<p>Take a look at work by Swiss artist Johannes Itten (1888-1967). For example, take a look at The Elements of Color: A Treatise on the Color System of Johannes Itten, Based on Itten&#8217;s Book &#8220;The Art of Color&#8221; Hardcover \u2013 31 Jan. 1970 \u00b7 ISBN-10. 0471289299.<\/p>\n\n\n\n<p>Have a look at the work by Josef Albers. There is a lot of information on the <a href=\"https:\/\/albersfoundation.org\/\">Albers&#8217; foundation<\/a> website. Or pick up a copy of his book &#8220;Interaction of color&#8221;.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Critically think about colours; how they can be measured, the environment they are placed within and the emotions they bring.<\/p>\n","protected":false},"author":2,"featured_media":1234,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7,11,17],"tags":[19,35,36,38,39,42,43,60,66,68,76,104,117,129],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Learn about the relative nature of colour - Project Rainbow<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn about the relative nature of colour - Project Rainbow\" \/>\n<meta property=\"og:description\" content=\"Critically think about colours; how they can be measured, the environment they are placed within and the emotions they bring.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\" \/>\n<meta property=\"og:site_name\" content=\"Project Rainbow\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-19T10:43:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2029\" \/>\n\t<meta property=\"og:image:height\" content=\"258\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"projectrainbow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"projectrainbow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\"},\"author\":{\"name\":\"projectrainbow\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6\"},\"headline\":\"Learn about the relative nature of colour\",\"datePublished\":\"2022-01-19T10:43:16+00:00\",\"dateModified\":\"2022-01-19T10:43:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\"},\"wordCount\":2513,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png\",\"keywords\":[\"12-part colour wheel\",\"cold colours\",\"colour\",\"colour effect\",\"colour interval\",\"colour value\",\"colour wheel\",\"Goethe\",\"hsb\",\"hue\",\"Johannes Itten\",\"projectrainbow\",\"saturation\",\"warm colours\"],\"articleSection\":[\"Beginner\",\"Colours\",\"History\",\"Project Rainbow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\",\"name\":\"Learn about the relative nature of colour - Project Rainbow\",\"isPartOf\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png\",\"datePublished\":\"2022-01-19T10:43:16+00:00\",\"dateModified\":\"2022-01-19T10:43:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png\",\"contentUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png\",\"width\":2029,\"height\":258,\"caption\":\"Ten colours to name\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn about the relative nature of colour\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\",\"name\":\"Project Rainbow\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\",\"name\":\"Project Rainbow\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png\",\"contentUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png\",\"width\":3356,\"height\":958,\"caption\":\"Project Rainbow\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6\",\"name\":\"projectrainbow\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g\",\"caption\":\"projectrainbow\"},\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/author\/projectrainbow\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Learn about the relative nature of colour - Project Rainbow","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/","og_locale":"en_US","og_type":"article","og_title":"Learn about the relative nature of colour - Project Rainbow","og_description":"Critically think about colours; how they can be measured, the environment they are placed within and the emotions they bring.","og_url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/","og_site_name":"Project Rainbow","article_published_time":"2022-01-19T10:43:16+00:00","og_image":[{"width":2029,"height":258,"url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png","type":"image\/png"}],"author":"projectrainbow","twitter_card":"summary_large_image","twitter_misc":{"Written by":"projectrainbow","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#article","isPartOf":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/"},"author":{"name":"projectrainbow","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6"},"headline":"Learn about the relative nature of colour","datePublished":"2022-01-19T10:43:16+00:00","dateModified":"2022-01-19T10:43:16+00:00","mainEntityOfPage":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/"},"wordCount":2513,"commentCount":0,"publisher":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage"},"thumbnailUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png","keywords":["12-part colour wheel","cold colours","colour","colour effect","colour interval","colour value","colour wheel","Goethe","hsb","hue","Johannes Itten","projectrainbow","saturation","warm colours"],"articleSection":["Beginner","Colours","History","Project Rainbow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/","name":"Learn about the relative nature of colour - Project Rainbow","isPartOf":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website"},"primaryImageOfPage":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage"},"thumbnailUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png","datePublished":"2022-01-19T10:43:16+00:00","dateModified":"2022-01-19T10:43:16+00:00","breadcrumb":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#primaryimage","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png","contentUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/name-10-colours.png","width":2029,"height":258,"caption":"Ten colours to name"},{"@type":"BreadcrumbList","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/19\/learn-about-the-relative-nature-of-colour\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/"},{"@type":"ListItem","position":2,"name":"Learn about the relative nature of colour"}]},{"@type":"WebSite","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/","name":"Project Rainbow","description":"","publisher":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization","name":"Project Rainbow","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png","contentUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png","width":3356,"height":958,"caption":"Project Rainbow"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6","name":"projectrainbow","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g","caption":"projectrainbow"},"url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/author\/projectrainbow\/"}]}},"_links":{"self":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts\/1215"}],"collection":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/comments?post=1215"}],"version-history":[{"count":0,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts\/1215\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/media\/1234"}],"wp:attachment":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/media?parent=1215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/categories?post=1215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/tags?post=1215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}