top of page
Eleonora Filipic

TCRE Week 3.1 - Homework

Updated: Apr 18

Notes in response to weekly required video materials.


VIDEO1: Something strange about colour

  • hue = name of the colour, we can change the hue by moving vertically on the HSv colour space

  • saturation = intensity/chroma (how intense/vivid is the colour??)

  • value = darkness/lightness of the colour (can be changed moving the cursor vertically on the left side of the panel, across the different tints of grey). The less value, the darker the colour. The more value, the lighter the colour will be and the brighter it will appear to us.








Fig. 1: Representation of 2 different Hues (Yellow and Red).

Fig. 2: Those 2 same colours are now represented with lower Saturation.

Fig. 3: At the lowest saturation possible, those 2 colours are now represented as tints within the greyscale of the colour space. Therefore we can clearly see the value of those 2 colours. Yellow (even with no saturation) has a lighter value, so it appear brighter/lighter. Red has a darker value, therefore it appears as a darker colour compared to yellow.

There are different visual representations of hue, saturation and value, that can take many forms and shapes, depending on the software we're using. The 2 most popular are square colour space (I'm thinking for example, about Adobe Illustrator) and triangle (eg: Photoshop and Krita). Triangular colour spaces can be slightly more accurate than other, as they allow us to shift between value and saturation inside the triangle, then change the hue separately (as we can see in the image below, hue/colour can be changed outside of the triangle space, without affecting too dramatically value and saturation).

Fig. 4: Photoshop Triangle colour picker


The image below shows a set of colour combinations (on the left shows) representing different hues, saturations and value. Because the hue and saturation are very intense, we can't really perceive each colour's individual value (something we can instead see clearly on the right image, where the saturation is set to 0).

The interesting point of this video, is that every change we make when using on colour picker tool, affects the value of each colour.


Hue, Saturation and Value changes

Fig. 5: The chart above displays certain hues and their changes in saturation, gradually moving from low-saturation (left, greyscale) to high-saturation (increasing towards the right side of the image).


Fig. 6: The same chart has ben modified into greyscale, so it is easier to note the differences in value that each colour has, depending on its saturation. This demonstrates how even the same hue, at different saturation points, actually changes its value as well. Value can also change depending on the software we're using to pick colours. Krita, Illustrator, Photoshop and other digital editing tools have different ways of representing colour, and can be more or less accurate. This video argues that the most accurate and reliable way to check value and saturation changes is a tool we can easily find in Photoshop:

  • view ----> Proof Setup ----> Custom (select "Dot Gain 20%" from Device Simulation drop down menu )


I found this video particularly interesting and relevant to my TCRE practice. The explanation of how context/environment (and their qualities and elements such as light) influence our perception of colour is fascinating. Colour is an important element that helps us identify our surroundings. Therefore, by affecting the way we perceive colours, optical illusions can also alter our perception of our surroundings: shapes, objects, distance, size etc....

Some of the examples of optical illusions are really inspiring, and really show us how our perception of the external world around us can easily change when we alter one of our sources of information (eg: light, colour, position, movement etc.). No matter how small the change, it can make a big difference in what we end up perceiving. This is the result of thousands of years of evolution, when our brain changed the way it sees the world depending on natural needs and instincts (survival, perception of movement, potential danger etc...). Another part of the video which I found deeply meaningful, is that only through uncertainty can we make progress and advance our knowledge and understanding of the world.

Below are some examples I found really inspiring, and would like to study further in my A2 prototypes.














  • our eyes have evolved to perceive movement in colours

  • flat colours vs. vibrant colours.

Flat colour, on the top row of the images, are more "pure colours", whereas the colours on the bottom contain, within the same hue, variations in value and saturation.




TO EXPERIMENT WITH PAINTING

I was really fascinated by the colour explanations in this video, so I decided to take inspiration from these points, and create my own digital paintings, playing with colour properties and qualities.

  1. Mixing adjacent hues on the colour wheel






2. Mixing different saturation points of the same hue








3. Mixing various hues and saturation points of those hues.







4. Mixing hues that are not related in any mathematical way on the colour wheel, but still "compliment" each other (in this case, blue and pale orange, mixing values and saturations of both hues).








EXTERNAL REFERENCES:

Related Posts

See All

Comments

Rated 0 out of 5 stars.
No ratings yet

Add a rating
bottom of page