Scribd
Upload
72 views33 pages

08color1819slides Update Copypdf

This document discusses primary colors and color theory concepts such as additive vs subtractive colors, hue, saturation, value, color schemes, color interaction, color mixture, simultaneous contrast, and cultural meanings associated with different colors. It provides examples of these concepts and references additional resources for further reading on color theory.

Uploaded by

Ahmad Kamal Almekkawy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
72 views33 pages

08color1819slides Update Copypdf

This document discusses primary colors and color theory concepts such as additive vs subtractive colors, hue, saturation, value, color schemes, color interaction, color mixture, simultaneous contrast, and cultural meanings associated with different colors. It provides examples of these concepts and references additional resources for further reading on color theory.

Uploaded by

Ahmad Kamal Almekkawy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 33

Primary colors

Additive colors: Subtractive colors:


Red, Green, Blue Yellow, Magenta, Cyan
CMYK
Yellow
Yolk Lime

Orange Green

Red Aqua

Magenta Cyan

Violett Azure
Blue
(Primary, secondary, tertiary)
Monochromatic Complementary

Analogous
Color Schemes Triadic
Basic characteristics of color
• Hue
• Saturation
• Value

Which of these is full saturated?


Which of these is a shade?
Which of these is a tint?
Color Value

Yellow and blue translate to these grays

Create a sequence of values!


Interaction of Color
Color Theory by Josef Albers

“Observe with a prepared mind” (Josef Albers)


If you wished to make a rusty red appear as a brighter red,
upon what color would you place it?

Should you wish to change this same rusty red to a more


neutral hue, what hue would you select to surround it?
Vanishing Boundary

Common boundaries vanish, when two colors of


similar hue and equal value are adjacent.
Local color and colored light

Local color incorporates the effect of


color constancy, in which our brains
recognise the true color of an object
despite different lighting conditions.
Color Mixture

Supplementary color

Initial Mixture
Color

Identify by recognising the colour supplying


the missing hue and value of the mixture
Color Mixture
Mixture

Which could be the initial color pair?


Itten´s Color Contrasts

Color Theory by Johannes Itten


Contrast of Proportion

The contrast is formed


by assigning
proportional field sizes
in relation to the visual
weight of a color.

Contrast of saturation

The contrast is formed


by the juxtaposition of
light and dark values
and their relative
saturation.
Contrast of light and dark

The contrast is formed


by the juxtaposition of
light and dark values.
This could be a
monochromatic
composition.

Contrast of Complements

The contrast is formed


by the juxtaposition of
color wheel or
perceptual opposites.
Contrast of hue

The contrast is formed


by the juxtaposition of
primary hues.
Contrast of warm and cool

The contrast is formed


by the juxtaposition of
cool and warm colours
Simultaneous Contrast

The eye simultaneously


requires the
complementary

color, and generates it


spontaneously if it is not
already present.

Color and information (Tufte)


• Colors can often greatly enhance data comprehension

• Use color as the main identifier. Remember that


different objects are often considered the same if they
have the same color regardless of their shape, size or
purpose.

• Layering with color is often effective, whereas colored


grids are a form of layer which provides context but
should be muted

• Pure bright colors should be reserved for small


highlight areas and almost never used as backgrounds.
Color and information
(continued)
• Color can be a strategy to label and to
represent reality
• Color can improve information resolution of
a computer screen by softening the
background
• Favourite color combinations:
Monochromatic (any hue with grey),
achromatic (greyscale), analogous colors
(adjacent on the color wheel)
Color temperature
• Warm colors seem to advance
• Cold colors seem to recede
Color meanings: Red
• Powerful
• Strong
emotions like
rage, love and
passion

Wikipedia
Orange
• Energetic color
• Happiness and warmth
• But also with caution

Wikipedia
Yellow
• Optimism and fun
• Associated with sun
and summer

Wikipedia
Green
• Nature, fresh, new
• Hopeful mood
• Darker shades of
green can also
remind of money,
envy and jealousy

Wikipedia
Blue
• Calm, relaxed,
peaceful
• Stable and trustworthy
• But also depression
and coldness
• Often considered as
masculine

Wikipedia
Purple
• Royalty
• Luxury
• Dreams
• Magic
• Mysticism

Wikipedia
Brown
• Like leaves in winter
• Sad and wistful
• Rich and fertile, like soil

Wikipedia
White
• Light
• Innocence
• Peace
• Purity
• Sterile mood

Wikipedia
Grey
• Natural
• Balanced
• Modest

Wikipedia
Black
• Night
• Death
• Evil
• Can be a color of
classic elegance as well
as a color of mourning
• Absence of light
• Empty
• Void
Wikipedia
References
• Albert, Josef. Interaction of colour. Yale university press,
1971
• Itten, Johannes. Art of colour. Wiley, 1974
• Lidwell, William; Holden, Christina; Butler. Jill. Universal
Principles of Design.Rockport, Glowcester, 2003
• Tufte, Edward R. Visual Explanations. Graphic Press,
1998
• Tufte, Edward R. Envisioning Information. Graphic Press,
1990
• Ware, Colin. Visual Thinking for Design. Morgan
Kaufmann, 2008
• https://en.wikipedia.org/wiki/The_dress

You might also like