lecture 1 colors
DESCRIPTION
TRANSCRIPT
![Page 1: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/1.jpg)
Colors
By: Jade V. Villareal
![Page 2: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/2.jpg)
To understand color…
we first need to understand light
![Page 3: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/3.jpg)
Light is everywhere in our world. We need it to see: it carries
information from the world to our eyes and brains.
![Page 4: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/4.jpg)
Light Waves
![Page 5: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/5.jpg)
Waves have high and low points, and the distance between one of those highs and lows and the next is called a wavelength.
Visible spectrum—colors of the rainbow known as ROY G. BIV (Red, Orange, Yellow, Green, Blue, Indigo, Violet)
![Page 6: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/6.jpg)
How are light and color related?
Light travels in the form of waves
White Light or the light from the sun, is made of colors and colors are different types of light recognized by their own wavelengths
![Page 7: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/7.jpg)
![Page 8: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/8.jpg)
Since light travels, what can happen?
![Page 9: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/9.jpg)
Light Transfer
Reflect Absorb Transmit
![Page 10: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/10.jpg)
Do objects “have” color?
![Page 11: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/11.jpg)
Color Models
300 BC: Aristotle
1600s: Aguilonius (SJ)
1660: Newton
![Page 12: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/12.jpg)
Color Mixing: Additive vs Subtractive
A range of colors can be reproduced by one of two complimentary approaches: Additive color Subtractive color
![Page 13: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/13.jpg)
Additive colors: combine light sources, starting with darkness (black) beams of light or dots of light on monitor
screens Additive primary colors are red (R), green
(G), and blue (B) Adding red and green makes yellow (R + G =
Y); Similarly, G + B = C and R + B = M. Adding all three additive primaries in roughly
equal amounts creates gray or white light.
![Page 14: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/14.jpg)
![Page 15: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/15.jpg)
Subtractive colors: objects that transmit or reflect light (ex: film or prints) Typically illuminated by white light Primary colors: cyan (C), Magenta (M), yellow
(Y) Each subtractive primary removes one of the
additive primary colors from the reflected or transmitted image.
![Page 16: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/16.jpg)
![Page 17: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/17.jpg)
Color Models
RGB
CMY (K)
HSV
HSL
![Page 18: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/18.jpg)
RGB
Red, Green, Blue Additive primary colors Used for monitor screens and most image file
formats
![Page 19: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/19.jpg)
CMY(K)
Cyan, Magenta, Yellow Subtractive primary colors Used in inks for printing with black (K) added
because CYM pigments and inks rarely give deep, rich black tones by themselves (they tend to make a muddy brown).
Important to the prepress (printing) industry
![Page 20: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/20.jpg)
HSV
Hue, saturation, value Hue—perceived as color Saturation—100% is a pure color, 0% is a
shade of gray Value—related to brightness
![Page 21: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/21.jpg)
HSL
Hue, Saturation, Lightness Saturation is similar for dark colors but quite
different for light colors.
![Page 22: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/22.jpg)
![Page 23: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/23.jpg)
Color Theories
Color theories create a logical structure for color. Color Wheel Color Harmony Color Context
![Page 24: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/24.jpg)
Color Wheel
Sir Isaac Newton developed the first circular diagram of colors in 1666
![Page 25: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/25.jpg)
Categories of Color based on the Color Wheel
Primary Colors
Secondary Colors
Tertiary Colors
![Page 26: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/26.jpg)
Primary Colors
Red, Yellow and Blue 3 pigment colors that can
not be mixed or formed by any combination of other colors
All other colors are derived from these 3 hues
![Page 27: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/27.jpg)
Secondary Colors
Green, Orange, Purple Colors formed by
mixing the primary colors
![Page 28: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/28.jpg)
Tertiary Colors
Yellow-orange, red-orange, red-purple, blue-purple, blue-green, yellow-green Colors formed by
mixing a primary and a secondary color
![Page 29: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/29.jpg)
Color Harmony
Harmony—pleasing arrangement of parts Delivers visual interest and a sense of order
![Page 30: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/30.jpg)
Formulas for Color Harmony
1. A color scheme based on analogous colors Analogous colors are any three colors which
are side by side on a 12 part color wheel Example: yellow-green, yellow, yellow-orange
![Page 31: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/31.jpg)
Formulas for Color Harmony
2. A color scheme based on complimentary colors Any two colors which are directly opposite each
other Creates maximum contrast and maximum
stability
![Page 32: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/32.jpg)
Formulas for Color Harmony
3. A color scheme based on nature Provides a perfect departure point for color
harmony
![Page 33: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/33.jpg)
Color Context
How color behaves in relation to other colors and shapes
The relationship of values, saturations and the warmth or coolness of respective hues can cause noticeable differences in our perception of color.
![Page 34: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/34.jpg)
Compare the contrast effects of different color backgrounds for the
same red square.
![Page 35: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/35.jpg)
More about colors…
![Page 36: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/36.jpg)
The Meaning of Color
![Page 37: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/37.jpg)
Warm Colors
Includes red, orange, yellow and variations of those three colors
Used to reflect passion, happiness, enthusiasm and energy
![Page 38: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/38.jpg)
Red (Primary Color)
A very hot color
Associated with fire, violence, warfare
love and passion
Anger but also with importance (red carpet)
Danger (stop light, warning labels)
![Page 39: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/39.jpg)
Red (Primary Color)
In China, prosperity and happiness, good luck
In other eastern cultures, red is worn by brides on wedding days
In South Africa, it is mourning
In design, it is a powerful accent color
![Page 40: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/40.jpg)
Orange (Secondary Color)
Very vibrant and energetic color
Associated with the earth and autumn
Represents change and movement
Health and vitality
In designs, orange commands attention without being as overpowering as red
More friendly, inviting and less in-your-face
![Page 41: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/41.jpg)
Yellow (Primary Color)
Brightest and most energizing among the warm colors
Happiness, sunshine
Also associated with deceit, cowardice
Hope but also with danger
![Page 42: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/42.jpg)
Yellow (Primary Color)
In Egypt bright yellow is happiness and cheerfulness Softer yellow is used as a gender-neutral color
for babies and young children Dark yellow and gold-hues yellow look antique
and used in designs where a sense of permanence is designed
![Page 43: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/43.jpg)
Cool Colors
include green, blue, and purple, are often more subdued than warm colors
colors of night, of water, of nature, and are usually calming, relaxing, and somewhat reserved
![Page 44: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/44.jpg)
Green (Secondary Color)
Very down-to-earth color
Represents new beginning and growth
Also envy or jealousy and a lack of experience
In design, it can have a balancing and harmonizing effect, and is very stable
Appropriate for designs related to wealth, stability, renewal, and nature
![Page 45: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/45.jpg)
Blue (Primary Color)
Associated with sadness, calmness and responsibility
Light blues are refreshing and friendly
Dark blues are strong and reliable
Also associated with peace and has some spiritual connotations in some cultures
![Page 46: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/46.jpg)
Purple (Secondary Color)
Associated with royalty, creativity and imagination
In Thailand, purple is the color for mourning of widows
In design, dark purples give a sense of wealth and luxury
Light purples are associated with spring and romance
![Page 47: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/47.jpg)
Neutrals
Serve as the backdrop in design
Combined with brighter colors
![Page 48: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/48.jpg)
Black
Strongest of the neutral colors
Associated with power, elegance and formality
Also, with evil, death and mystery
In design, black is commonly used for typography and other functional parts, because of it’s neutrality.
![Page 49: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/49.jpg)
White
At the opposite end of the spectrum from black
Also works well with just about any other color
Associated with goodness and health care
In design, it is a neutral backdrop that lets other colors in a design have a larger voice
Conveys cleanliness and simplicity, popular in minimalist designs
![Page 50: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/50.jpg)
Gray
Is at the cool end of the color spectrum
Considered moody and depressing
conservative and formal but also modern
A color of mourning
A sophisticated color, used in corporate designs
![Page 51: Lecture 1 colors](https://reader036.vdocument.in/reader036/viewer/2022062511/54c7fc424a79594f2e8b4653/html5/thumbnails/51.jpg)
References:
http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
http://www.normankoren.com/light_color.html
http://www.fi.edu/color/
http://www.colormatters.com/color-and-design/basic-color-theory
And some lecture notes from Fr. Charlie Cenzon of ADMU