This document provides information on various color models and color theory concepts used in interactive media. It defines greyscale as a range of shades from black to white without color. It explains that RGB uses red, green, and blue light to produce colors and is used in computer screens, while YUV separates the brightness and color components of an image. HSV represents color as hue, saturation, and value. The document also covers color harmony concepts like analogous, monochromatic, triadic, complementary, and split-complementary color schemes and provides examples of their use in design.

1. Interactive Media

2. What can you remember?
• Write something about interactive media on the post it.

3. Technical aspects of colour
• Dependent on the type of graphics required, different type of colour
information may be required.
• This means that different settings might be needed when creating a
project.

4. Greyscale
• Grayscale is a range of shades of grey without apparent colour.
• Sometimes called black and white
• The darkest possible shade is black, which is the absence of
transmitted or reflected light.
• lightest possible shade is white, the total transmission or
reflection of light is visible.
• The intensity of a pixel is measured in between a range. 0 (total
absence, black) and 1 (total presence, white)

5. RGB
• Relates to the primary colours red, green
and blue
• Used in computer screens as they omit
light
• A mixture of these colours produces
secondary colours

6. YUV
• Y stands for the luma component (the brightness)
• U and V are the chrominance (colour) components
• The luma component existed as the black and white
signal in Black and White TV’s they later added the
UV signal.
• YUV is measured in bits
• YUV files can be encoded in 12, 16 or 24 bits per pixel

7. HSV • HSV stands for Hue, saturation and Value (sometimes HSB B
for brightness)
• Hue is the actual colour e.g red, blue, orange
• Saturation relates to how much grey is in the colour
• 100% saturation means there’s no addition of grey to the
hue
• A desaturated or 0% saturated image means the image is
black and white/ greyscale
• Brightness/ Lightness/ Value relates to the amount of
illumination and intensity of the light in the image. Images
that are brightened often can look flat with the absence of
saturation.

8. What do we mean by the word harmony?
• The state of if being in agreement
and working together as a whole

9. Colour Theory •Analogous
colours that are next to each other
•Monochromatic
Several shades of the same colour
•Triad
Colours evenly spaced around the
colour wheel
•Complementary
opposite on the colour wheel
•Compound or split- complimentary
The colour plus the two colours
either side of its complimentary
colour

10. Analgous • Three or more colours that
are next to each other on the
colour wheel
• One of the colours tends to
be a primary colour (red,
yellow, blue)
• This colour pattern is used to
create a natural feel as they
are often seen in nature
(autumn colours, greens in
spring)

11. Analgous colour in design

12. Analgous colour
in photography/
video

13. Monochromatic • Colours are from the same
shades, tints or hues.
• All the colours are the
same but contrast and
more white added e.g red
to light red
• Used to avoid busy colour
combinations and to keep
it simple.

14. monochromatic colour in web design

15. Monochromatic colour in video/ photography

16. Triad
• A triadic colour scheme
uses colours that are
evenly spaced around the
colour wheel.
• Triadic colour harmonies
tend to be quite vibrant,
even if you use pale or
unsaturated versions of
your hues.

17. Triad colour in web design

18. Triadic colour in video/ photography

19. Complementary
• Colours that are opposite each
other on the colour wheel are
considered to be complementary
colors (example: red and green).
• The high contrast of
complementary colours creates a
vibrant look especially when used
at full saturation.
• This colour scheme must be
managed well so it is not jarring.

20. complimentary colour in web design

21. complimentary colour in photography/ Video

22. Split complimentary colours
• The split-complementary colour
scheme is a variation of the
complementary colour scheme.
• In addition to the base colour, it
uses the two colours opposite
to its complement.
• This colour scheme has the
same strong visual contrast as
the complementary colour
scheme, but has less tension.

23. split- complimentary colour in web design

24. split- complimentary colour in photography/ Video

25. A simple tool for choosing colours:
Kuler.adobe.com

26. TASK: Write your article “What is digital graphics technology?”
Research and explain using examples:
• Vector Graphics
• Raster Graphics
• Types of image
• Greyscale
• YUV
• RGB
• HSV