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 cool down Color can be a powerful design element if we learn to use it effectively 2

COLOR WHEEL The color wheel or color circle is the basic tool for combining colors Color wheel provides color combinations that are considered pleasing These are called color harmonies or color chords They consist of two or more colors with a fixed relation in the color wheel 3

PRIMARY COLORS Primary colors are 3 colors that can not be mixed or formed by any combination of other colors Additive Color Mixing Light mixture Red, Green, and Blue (RGB) Subtractive Color Mixing Paint, ink, dye, or pigment mixture Red, Yellow, and Blue Yellow, Magenta, Cyan 4

SECONDARY COLORS Formed by mixing 2 primary colors Secondary colors include: Yellow, magenta, cyan (Additive colors) Red, green, blue (Subtractive colors) 5

TERTIARY COLORS Formed by mixing a primary and a secondary colors or two secondary colors, in a given color space such as RGB, RYB, or YMC RGB color space: Red-yellow, yellow-green, green-cyan, cyan-blue, blue- magenta, and magenta-red RYB color space: Yellow-orange, red-orange, red-purple, blue-purple, blue-green & yellow-green 6

PRIMARY, SECONDARY, TERTIARY RGBRYB 7

WARM AND COOL COLORS Warm colors are vivid and energetic, joyful, Interesting, and attractive Cool colors give an impression of calm, mysterious, and create a soothing impression White, black, and gray are considered to be neutral 8

WARM AND COOL COLORS Warm colors are often said to be hues from red through yellow, browns and tans included; Cool colors are often said to be the hues from blue green through blue violet, most grays included. 9

COLOR HARMONY Harmony is something that is pleasing to the eye When something is not harmonious, it's either boring or chaotic Color harmony delivers visual interest 10

ANALOGOUS COLORS Analogous colors are any three (or four) colors which are side by side on the color wheel such as yellow-green, yellow, and yellow-orange. They are often found in nature and are harmonious and pleasing to the eyes 11

COMPLEMENTARY COLORS Complementary colors are any two colors which are directly opposite each other such as red and green And red-purple and yellow-green It works well when we want something to stand out Not so good for text 12

TRIADIC COLORS Triadic uses colors that are evenly spaced around the color wheel Triadic color harmonies tend to be quite vibrant 13

SPLIT-COMPLEMENTARY In addition to the base color, it uses the two colors adjacent to its complement It has the same strong visual contrast as the complementary color scheme, but has less tension It is a good choice because it is difficult to mess up 14

RECTANGLE It uses four colors arranged into two complementary pairs We should pay attention to the balance between warm and cool colors in your design 15

SQUARE It is similar to the rectangle, but with all four colors spaced evenly around the color circle 16

REFERENCES design/basic-color-theory design/basic-color-theory theory/color-theory-intro.htm theory/color-theory-intro.htm