Color Theory

The Color Wheel

Online Notes:

Complementary (Contrast)

Triad

Split Complementary

Tetrad

Analogous (Analogic)

Monochromatic (Mono)

Use the Color Scheme Generator to create the above color harmonies.

Google Classroom Notes - Using Google Docs

Review - Color Wheel Video - Color Theory Basics

1. Understanding how to create a color wheel
2. Understanding how to use a color wheel to create color harmonies
3. Understand the following color theory terms:

Video Color Theory Basics - part 1 and part 2

Hue: the color.

Saturation: intensity of the color, vivid to gray.

Value: lightness or darkness of a color.

Shade: the color plus black.

Tint: the color plus white.

Tone: the color plus gray.

Color Temperature: the warmth or coolness of a color.

Monochromatic: the same color plus white, gray, or black.

On Your Own 3 - Color Wheel Schemes (harmonies)

• Create a ColorWheelSchemes002 folder in Demos
• Create an Images folder within the ColorWheelSchemes002 folder
• Extract the provided colorwheelimage.zip file and move the images to your Images folder
• Create a colorwheelschemes002.html file and save to the ColorWheelSchemes002 folder
• Add the basic tags to your colorwheelschemes002.html file (html, head, title, body)
• Use the following resources to complete the web page

Text | Images colorwheelimage.zip | HTML Code | CSS Code | Finished Web Page

.

Web Site Activity - Color Harmonies (Scheme) - Using the Color Wheel

Color Theory Coding (Color Selection)

• Create a ColorWheelHarmonies folder in your Demos folder
• Create a colorwheelharmonies.html file and save to the ColorWheelHarmonies folder
• Copy the provided Color Harmonies code to your colorwheelharmonies.html file
• Select colors with the generator to meet the color harmony requirements
• Add Ids to style and complete the web page

- Color Scheme Generator

- Color Harmonies - Code

.

Web Site Activity - Color Theory 2

Color Video

Quick Review: A Brief Lesson on Color Theory

PHOTOSHOP

Web Site Activity - Color Wheel - Creating a Color Wheel

Using Photoshop .

Use the first two files (1 and 2 ) to help complete the color wheel (3).
Use Photoshop to color the color wheel correctly

Image - 1 :2 : 3