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

  • spectre optice - BluePink

    spectre optice - BluePink

    [email protected] Refracţia luminii reprezintă fenomenul de schimbare bruscă a direcţiei de propagare a luminii atunci când trece prin suprafaţa de separare dintre două medii.
  • SCHOLARSHIP MEETING Sept 12, 2012 Begin collecting and

    SCHOLARSHIP MEETING Sept 12, 2012 Begin collecting and

    RESIDENT. MENTOR. Vhibuti Agarwal, MD. JOYCE. Retrospective chart review of fungal infections in Pediatric patients with Acute Myelogenous Leukemia. Rana Alissa, MD. IRAZUZTA. Correlation Between Intracranial Pressure and the Size of the Optic Nerve Sheath
  • CSCI 4333 Database Design and Implementation Review for ...

    CSCI 4333 Database Design and Implementation Review for ...

    CSCI 4333 Database Design and ImplementationReview for Final Exam. Xiang Lian. The University of Texas Rio Grande Valley. Edinburg, TX 78539. [email protected] Review. Chapters 5, 6, 9, and 10 in your textbook. ... set of buckets forms an integrated storage...
  • Storage Decisions 2003

    Storage Decisions 2003

    Stephen Crook. Steve Crook Consulting. [email protected] 847-221-2155. Email me the results or I will never participate in this survey again. Business Development. Consultant-Vendor. Sebastian J. Leonardi. Business Development Solutions. [email protected] (860) 997-5608. opening to closing methodology. ALL OF THE ABOVE....
  • COM/BLM 376 Computer Architecture

    COM/BLM 376 Computer Architecture

    The control unit operates the IAS by fetching instructions from memory andexecuting them one at a time. To explain this, a more detailed structure diagram isneeded withthefollowingcomponents: Memory . buffer register (MBR): Contains a word to be stored in memory...
  • Unit 1 Modern Inequalities - MR. BEST WORLD HISTORY

    Unit 1 Modern Inequalities - MR. BEST WORLD HISTORY

    8/26/89: DOROMAC passed. October 21: The Assembly declares a state of martial law to prevent future uprisings. November 2: The Assembly votes to make property of the Church available to the Nation. December 24: The Assembly decrees that Protestants are...
  • Brain Injury (BI) Waiver Policies, Processes, and Procedures

    Brain Injury (BI) Waiver Policies, Processes, and Procedures

    Nationally there has been concern that over the years HCBS Medicaid funding has been used to pay for services and supports provided in settings that isolate people from the broader community. What is the HCBS Settings Final Rule? July 16,...
  • IAEA Waste Standards

    IAEA Waste Standards

    Evolution of Safety Standards Programme. In the early years, IAEA safety standards were developed on an "as needed" basis. The programme was ad hoc, and far from being comprehensive. It reflected practices of the time, for example, the long obsolete...