ECA 228 Internet Design color. rods & cones electromagnetic radiation.

Slides:



Advertisements
Similar presentations
Intro to Visual Communication - Colour Theory Colour Spectrum Colour Wheel Primary Colours Secondary Colours Complementary Colours Analogous Colours Split.
Advertisements

COLOR THEORY An introduction to the color
The Art of ColorThe Art of ColorThe Art of ColorThe Art of Color A brief introduction to color theory By Wei Yin.
.C.o.l.o.r.. The color wheel is designed so that virtually any colors you pick from it will look good together. Over the years, many variations of the.
Colours speak all languages. (Joseph Addison)
Color Wheel.
COLOR THEORY 101. Light: the Visible Spectrum The Color Wheel The color wheel is a way to visualize and organize the entire color spectrum of light.
Color theory. Color - the illusion of producing different hues to the eye as a result of various electromagnetic wavelengths of white light reflecting.
Types of Color Theories 1. 1.Subtractive Theory The subtractive, or pigment theory deals with how white light is absorbed and reflected off of colored.
Color Selection in Web Design
Unit 1: Designing & Planning a Website Topic B: Color Theory Lesson 2. Selecting a Color Scheme.
Color Selection in Web Design Web Design – Sec 4-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Color Theory, Terminology, & Color Systems. Pigment Color System The traditional color system Red, yellow, and blue are primaries 2-D media (painting.
Color Theory. Color: Enhances a message Enlivens a presentation Gives an object visual weight and emphasis Adds richness and depth to screen design.
Color Wheel A tool to use to understand the uses of color.
Color Background. What is Color? Aspect of vision Physical reaction of the eye and the automatic interpretive response of the brain to wavelength characteristics.
Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.
Elements of Design: Color
Color Wheel The colour wheel is divided into three categories: primary, secondary, and tertiary. The three primary colours are red, yellow and blue. These.
Color.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
COLOR MODEL WEB DESIGN. BASIC COLOR THEORY With colors, we can set a mood, attract attention, or make a statement We can use color to energize, or to.
The colour wheel or colour circle is the basic tool for combining colours. The first circular colour diagram was designed by Sir Isaac Newton in 1666.
Reference: tigercolor.com Color Schemes Color Schemes EQ: How can an artist use a valid color scheme to create an aesthetic purpose in his work? “With.
Complementary. What is it? The complementary color scheme is made of two colors that are opposite each other on the color wheel. Example: Red and Green.
Colour Visual Arts 8. Colour There are many different terms used in reference to colour The chroma refers to the description of the colour including the.
Color Theory And Photography
Color The Elements of Art TheVirtualInstructor.com.
The monochromatic color scheme uses variations in lightness and saturation of a single color. This scheme looks clean and elegant. Monochromatic colors.
Art Elements Color. COLOR is light reflected off objects.
Color Theory KIMBERLY CATES-MERAZ. Choosing the Right Color the most effective color choices go beyond just personal preference colors have an extraordinary.
Texture is a surface’s tactile quality. Tactile refers to the perception of touch. In design, texture appeals to sight as well as touch.
Elements of Design COLOR.
Digital & Interactive Media
UNDERSTANDING COLOR GOING BEYOND THE SPECTRUM. THE SPECTRUM Sir Isaac Newton was one of the first scientists to investigate color theory. Around
 What is color anyway? › Color is an element of art › Color is produced by the way our vision responds to different wavelengths of light.
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Using Color CMPS 233. The Color Wheel Primary colors are the only colors you cannot create: yellow, red, and blue Mixing adjacent colors in a color wheel.
Standard Color Harmonies Color Theory is a set of principles used to create harmonious color combinations. Color relationships can be visually represented.
Unit #2 Colour 1)THE COLOUR WHEEL 2)COLOUR SCHEMES 3)COLOUR AND VALUE.
COLOR THEORY Basic color schemes Introduction to Color Theory Basic color schemes Introduction to Color Theory.
Some (Brief) Notes on USE OF COLOUR. Primary Colours Red Yellow Blue Primary colours cannot be made by mixing together any other colours.
Color Modified by Georgia Agricultural Education Curriculum Office September 2005.
Color Theory with Johannes Itten.
The Color Wheel & Color Schemes
Colour CPSC Colour ● Models ● RGB ● CMY(K) ● HSB (or HSV) ● RYB ● Harmonies ● Monochrome ● Complementary ● Analogous ● Triadic.
 The color wheel or color circle is the basic tool for combining colors.  The first circular color diagram was designed by Sir Isaac Newton in 1666.
Digital & Interactive Media
COLOR THEORY 101.
Color Selection in Web Design
COLOR IS IMPORTANT AND POWERFUL
The name of a color as it appears on the color wheel:
Digital & Interactive Media
Color Schemes Housing I Objective 3.03.
Color Schemes For Use in Websites
Color & Color Schemes.
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Color Selection in Web Design
Color Theory.
Color Theory.
Color Harmonies.
Digital & Interactive Media
Get out pencil and your sketchbook to take some notes.
COLOR SCHEMES.
Digital & Interactive Media
Colour Theories.
Color Wheel.
Color Theory.
Communication of Color
Color Wheel The color wheel is divided into three categories: primary, secondary, and tertiary. The three primary colors are red, yellow and blue. These.
Presentation transcript:

ECA 228 Internet Design color

rods & cones

electromagnetic radiation

spectrum

hue REDORANGE VIOLETGREEN YELLOWBLUE

saturation RED

value

value – no contrast

value – added hue

Color Models RYB RBG CMY HSL

Subtractive vs Additive color Subtractive color: primary colors for mixing paints cyan magenta yellow Additive color: primary colors for mixing light red green blue

Light light is a mixture of all colors light can be broken down into its component parts with a prism visible spectrum represents color visible to the human eye

Subtractive color Primary colors: Cyan, Magenta, Yellow –combining primaries creates secondary colors M + Y = Red C + Y = Green C + M = Blue –more shades are created by adjusting the amount of component colors

Subtractive color cont … subtractive color works by absorbing (subtracting) some colors, while reflecting other colors an apple, eg, really has no color the apple absorbs most of the cyan, some magenta and yellow it reflects magenta and yellow which allows us to see red

Subtractive color cont … with subtractive colors each time you add more of a primary color, the darker the overall color value becomes as more colors are added, the resulting color becomes darker, because more light is being absorbed

Subtractive color cont … CMYK –in theory, adding all the subtractive primary colors together will produce black –in practice, doing so will produce a muddy brown color, because all man-made colors have imperfections –therefore, black ( K ) is used with the Cyan, Magenta, and Yellow when printing

Additive color Primary colors: red, green, blue –combining primaries produce secondary colors B + G = Cyan R + B = Magenta R + G + Yellow –more shades are created by adjusting the amount of component colors

Additive color cont … additive colors involve light generated directly from a source, such as televisions or computer monitors additive colors are defined by adding colors

Additive color cont … the additive process mixes various amounts of red, green, and blue to produce other colors with additive colors each time you add more of a primary color, the lighter the overall color value becomes when red, green, and blue are mixed, white is produced

Monitor

Color wheel the visible spectrum of light can be represented as a color wheel color wheel can be used to visualize color relationships

Color wheels artist’s wheelRGB wheelCMY wheel

Color schemes According to color theory, harmonious color combinations can be found with –two colors opposite each other on the color wheel –three colors forming a triangle, equally spaced around the color wheel –four colors forming a rectangle on the color wheel (two pairs of colors opposite each other)

Classic color schemes Monochromatic Analogous Complementary Split Complementary Triadic Tetradic (Double Complementary)

Monochromatic variations of a single color –looks clean and elegant –produces a soothing effect –easy on the eyes, especially blues and greens

Monochromatic cont … advantages –easy to manage –looks balanced and appealing –soothing disadvantages –lacks contrast –not as vibrant as other schemes –not as exciting

Analogous colors adjacent on the color wheel –one color is used as dominant –other colors are used to enhance –offers more nuance than monochromatic

Analogous cont … advantages –easy to create and managed –richer than monochromatic disadvantages –lack contrast –not as vibrant as complementary –using too many hues may ruin harmony

Complementary two colors that are opposite each other on the color wheel –intrinsically high contrast –looks best when a warm color is placed against a cool color, eg, red placed against green-blue

Complementary cont … advantages –offers stronger contrast than any other color scheme –draws maximum attention disadvantages –harder to balance than monochromatic and analogous

Split Complementary variation of standard complementary –uses one color, then the two colors adjacent to its complementary color –provides high contrast without strong tension of standard complementary scheme

Split Complementary cont … advantages –strong visual contrast –allows more nuance than standard complementary disadvantages –may be difficult to balance

Triadic uses three colors equally spaced around the color wheel –popular among artists –offers strong visual contrast while retaining harmony –not as much contrast as complementary, but more balance and harmony

Triadic cont … advantages –offers high contrast –retains harmony disadvantages –not as much contrast as complementary

Tetradic uses two pairs of complementary colors –hard to balance and harmonize –choose one dominant color –if all four hues are used in equal amounts, the scheme may look unbalanced

Tetradic cont … advantages –offers more variety then any other scheme disadvantages –hardest scheme to balance

Web graphics web graphics –simply grids of colored pixels –appearance of image depends upon varying the colors in the pixels