The Importance of Color Stephen Zanias CSE 332

The Importance of Color Stephen Zanias CSE 332

The Importance of Color Stephen Zanias CSE 332 Multimedia April 11, 2006 Outline Color Terminology Color Wheels Additive vs. Subtractive Color Using the Color Wheel Selecting Your Color Scheme Examples

Computer Color Schemes Color Terminology There are several other terms used to describe color, including Hue Saturation Value Hue Definition a distinct ROY G. BIV = Red

color of the color Orange gamut (range of a Yellow color model) Green Defined by a particular wavelength Blue Indigo This is what most of Violet us refer to when we say color Saturation Definition: High Saturated colors include little gray or white light

the amount of white light (or gray paint) mixed with the hue how MUCH color; the dominance of the hue These are bright and vibrant Low Saturated colors appear grayish in color These include pastels and muddier colors High saturation Low saturation Webpage Example The two screen shots primarily differ based on their saturation How has the appeal

changed? Is one of the slides more generally appealing than the others? Value Definition: tints the intensity of light present how light or dark the color is Also referred to as brightness or intensity Range from tints (light values) to shades (dark values) Often accomplished by mixing the color with various

amounts of white or black shades HSV specifies a value from 0 to 255 for Hue Saturation Value HSL (Hue, Saturation, and Lightness/ Luminance) is a similar model, but L expands from white to black (rather than HSVs black to hue), therefore providing a double

cone PowerPoint example <-------- lum --------> <-------- hue --------> <-------- sat --------> Color Model: HSV/HSL Color Wheels Help to arrange colors and determine appropriate combinations of color Three types

artists wheel (paint mixing) subtractive color wheel additive color wheel Additive Color Wheel Models how projected color combines Black = no light (i.e., no color) White = all light (i.e., all color) Primary colors = RED GREEN BLUE

From which we get RGB Used in computer monitors, TV sets, and stage lighting (LCD lights) Color Model: RGB RGB stands for the primary additive colors RED GREEN BLUE Has become a standard and

is often used in languages and programs (i.e., HTML, Flash) Each value given an integer range from 0 to 255 Can also be expressed as a hexadecimal value Subtractive Color Wheel Models how painted color combines (since it is now on the paper and reflecting the light) White = no color (all reflected) Black = all color (none reflected) Traditional (artists

wheel) primary colors = RED YELLOW BLUE OR Subtractive Color Wheel Printers (computer) use the following primary colors = CYAN MAGENTA YELLOW From which we get

CMYK (more detail later Subtractive color works through light absorption (what we see is the color not absorbed) Magenta + Cyan = Blue Cyan + Yellow = Green Yellow + Magenta = Red Color Model: CMYK CMYK stands for the primary additive colors CYAN

MAGENTA YELLOW BLACK The K stands for key, which is short for key plate (printing term) Color Model: CMYK Used especially in the printing of images + + + = Using the color wheel

The color wheel makes it simple to determine color schemes for a multimedia project Types of Colors Primary Secondary Tertiary Complementary colors Split-complementary Triad Analogous

Using the color wheel Primary Colors The defining colors of the wheel In the traditional wheel, these consist of RED BLUE YELLOW Using the color wheel Secondary Colors

colors equidistant between the primary colors In the traditional wheel, these consist of VIOLET (blue and red) GREEN (yellow and blue) ORANGE (red and yellow) Using the color wheel Tertiary Colors

colors between the primary color and secondary color In the traditional wheel, these consist of RED-VIOLET BLUE-VIOLET BLUE- GREEN YELLOW-GREEN YELLOW-ORANGE RED-ORANGE Using the color wheel Complementary Colors

Exist across from each other on the color wheel A primary and a secondary Contrast because they share no common colors (e.g., red and green (blue and yellow)) Produce excitement and action Combining complements produces a neutral grey Seen often in color schemes and logos

Example: BLUE and ORANGE Using the color wheel Split-Complementary Colors Exist on either side of the complementary color A primary and two tertiary Contrast, but not as significantly as complementary colors Example:

BLUE and YELLOW-ORANGE RED-ORANGE Using the color wheel Triad Colors Three colors located equidistantly around a color wheel Primary colors Secondary colors

Group of tertiary colors Provides a balanced color scheme Can be a good place to start exploring color palettes Using the color wheel Analogous Colors Colors adjacent to each other on the color wheel Share enough common attributes that can complement each other But, provides little contrast Example:

BLUE BLUE- GREEN GREEN Webpage Example The two screen shots differ based on their contrast Analogous colors are used As well as various values and saturations How has the appeal

changed? How has the perception of quality changed? Selecting Your Color Scheme Two Important Issues to consider Message trying to send Audience you are trying to reach Webpage Example Which sells the most/least expensive moods?

Which would you feel most comfortable from buying from? If you were looking for financial information, which site would you be most/least likely to use? The woman is telling you a secret. In each case, what do you think it might be about? (Source: Nolan, 2003) Selecting Your Color Scheme Age Differences Class Differences

Working class prefer named colors: blue, red, green, etc. More highly educated class prefers obscure colors: taupe, azure, mauve Gender Younger children prefer brighter, more solid colors Adults prefer more subdued colors (i.e., light values/tints) (e.g., pastels) Men tend to prefer cool colors (blues and greens) Women tend to prefer warm colors (reds and yellows) Seasonal issues

Winter = blacks, whites, grays Spring = spring greens and bright colors Summer = yellows Fall = browns and golds Selecting Your Color Scheme Cultural Issues Geography Color Warm climates = strong colors Cooler climates = cooler, more washed out colors

Colors and their common connotations in Western culture Cultural Examples (next slide) Positive Negative White Clean, innocent, pure Cold, empty, sterile Red Strong, brave, passionate Dangerous, aggressive, domineering Yello w Happy, friendly, optimistic Cowardly, annoying, brash Green Natural, tranquil, relaxing

Brow Warm, earthy, mature Jealous, inexperienced, greedy Dirty, sad, cheap Selecting Your Color Scheme Cultural Examples Color Country: Meaning Black China: color for young boys Western: funerals, death, bad guys, rebellion White Japan: white carnation symbolizes death Eastern: funerals Western: brides, angels, good guys, hospitals, doctors, peace (white dove)

Red China: good luck, celebration, summoning Cherokees: success, triumph India: purity South Africa: color of mourning Russia: Bolsheviks and Communism Eastern: Worn by brides Western: excitement, danger, love, passion, stop Orang Ireland: Religious (Protestants) Selecting Your Color Scheme Cultural Examples Color Country: Meaning China: nourishing Egypt: color of mourning Yellow Japan: courage India: merchants Western: hope, hazards, coward

Green China: green hats indicate a mans wife is cheating on him, exorcism India: Islam Ireland: Western: spring, new birth, go, St. Patricks Day Blue Cherokees: defeat, trouble Iran: color of heaven and spirituality Western: depression, sadness, conservative, corporate Purple Thailand: color of mourning (widows) Western: royalty Selecting Your Color Scheme Setting Moods

Example: evidence suggests using green in the workplace results in less absenteeism through illness Univ. of Iowa coach painted visitors locker room pink because research shows that it reduces aggression Webpage Example The two screen shots differ based on their temperature Blue projects businesslike and authoritative

Explains use in many business websites However, also cold, conservative, and unapproachable Addition of red and yellow brings warmth and dynamism Do you agree? Selecting Your Color Scheme Using tools MS color palette allows you to select rows for harmonious color schemes

Conclusion Color Terms Hue Saturation Value Color models HSV RGB CMYK

Color Wheel Additive Subtractive Color Choices Age Class Gender Season Culture The End Questions? Color Fun

Color Wheel 2.1. Online. /wheel21.html April 10, 2006. Website Color Picker. Online. mePic.htm April 10, 2006. Wollin, Lisa. Choosing Colors for your Web Site. Online. 004/12/14/301340.aspx Accessed April 10, 2006. References

Color Principles Hue, Saturation, and Value. NC State Scientific Visualization. Online. color_models2.html Accessed April 11, 2006. CMYK Color Model. Wikipedia. Online. Accessed April 9, 2006. HSL Color Space. Wikipedia. Online. Accessed April 8, 2006. Image:ColourShading.png. Wikipedia. Online. wiki/Image:ColourShading.png Accessed April 10, 2006. Nolan, Katherine. Color It Effective: How Color Influences the User. MS Office Online. January, 2003. Online. Accessed April 10, 2006. Study Art: Color. Online. Accessed April 8, 2006. What is Color? Online. Accessed April 8, 2006.

Recently Viewed Presentations

  • Discussing Unaccompanied Children: An Advocacy Guide

    Discussing Unaccompanied Children: An Advocacy Guide

    Discussing Unaccompanied Children: An Advocacy Guide. U.S. Conference of Catholic Bishops. 3211 4th St. NE. ... 2205 (2002), a UAC is a person who '(A) has no lawful status in the US, (B) has not attained 18 years of age,...
  • EWT - Stanyer

    EWT - Stanyer

    Yuille & Cutshall (1986) Yuille & Cutshall interviewed 13 witnesses to a real life shooting in which a storeowner in America was injured and the thief was shot dead. Some of the witnesses had been very close to the incident...
  • The Value of Coins Dr. Beth McCulloch Vinson

    The Value of Coins Dr. Beth McCulloch Vinson

    When you get to the pennies say "twenty-one", etc. = Quarter One dime and 3 nickels equal a quarter. = Quarter Count the dime and nickels. 15 20 10 25 = 25 cents Quarter Two dimes and 1 nickel equal...
  • Climate Change - Nuffield Foundation

    Climate Change - Nuffield Foundation

    A Swiss mathematician, Leonhard Euler (1707 to 1783), published the first paper on graph theory in 1736. The paper was based on the Seven Bridges of Konigsberg problem. Residents of Konigsberg wanted to know if it was possible to find...
  • Romanticism Emotion versus Reason Cultural context 1776 (Declaration

    Romanticism Emotion versus Reason Cultural context 1776 (Declaration

    Emotionalism Individualism feeling of sadness mixed with pleasure when you think of happy times in the past. the tendency to show or feel strong emotions; to become emotionally involved the belief that the self is more important than the group;...
  • SBA 1 - Help for Government Contracting - APTAC - Association ...

    SBA 1 - Help for Government Contracting - APTAC - Association ...

    FAR 7.107-6: In solicitations for multiple-award contracts above substantial bundling threshold of the agency, CO must insert FAR 52.207-6 (Solicitation of Offers from SB concerns and SB Teaming Arrangements or JVs (Multiple-Award Contracts)
  • Office of International Programs Updates

    Office of International Programs Updates

    A life-long professional and ardent advocate of International Education, Kimberly Connelly currently leads the Office of International Programs as the Senior International Officer at the University of Kansas Medical Center managing both the inbound and outbound arms of international education....
  • JOUR 415: Multimedia Reporting

    JOUR 415: Multimedia Reporting

    Race and Ethnicity. Race is evolved from the perception that there were innate biological differences between people of different skin colors and places, that- indeed- there were no ancestors common to all of humanity.. Ethnicity, on the other hand, relates...