Introduction to Color Theory

Students,

Your next assignment is to create a color theory page that shows some color harmony palletes and a short writing assignment.

Part 1 - Short Reading / Writing Assignment:

Read the following link/article and share information from the article to answer the questions below:

Article: Introduction to Color Theory for Web Designers

1. What is the best practice when dealing with colors and text?
2. How does the use of contrast effect the viewer?
3. What are some online tools that web designers can use to create effective color palettes?

On your HTML page, write a short summary of the principals discussed, shown and demonstrated in todays color theory lecture. You can search for images online and research answers also. Try to address all the questions listed below:

1. What are the 3 primary colors? 
2. How are secondary colors created? Cite an example 
3. How are tertiary colors created? Cite an example 
4. What is the difference between subtractive and additive color models? 
5. How can color affect our perception? 
6. How does one color affect another? 
7. Find an example or show an example of a greyscale image. 
8. Find an example or show an example of a monotone image. 
9. Find an example or show an example of an image that uses complimentary color.
10. Make sure your images are small, no more than 100 pixels wide and are compressed for optimum (small) file size with good image quality

Part 2 - Color Page:

• Create a new HTML Page, format it with CSS and place it in a folder called it "color theory"
• In HTML/CSS create an eye catching title for your page called Color Theory
• Create 2 boxes with the Div tag and make them 100X100 pixels. show 2 complementary colors in these boxes and label them complementary. List the name of the colors, their RGB values or their Hex code.
• Create 3 boxes with the Div tag and make them 100X100 pixels. show 3 split-complementary colors in these boxes and label them split-complementary. List the name of the colors, their RGB values or their Hex code.
• Create 3 boxes with the Div tag and make them 100X100  pixels. show 3 analagous colors in these boxes and label them analagous. List the name of the colors, their RGB values or their Hex code.
• Create 4 boxes with the Div tag and make them 100X100 pixels. show 4 quadrilateral colors in these boxes and label them quadrilateral. List the name of the colors, their RGB values or their Hex code.
• Add the content from part 1, format for easy reading and upload to our NAS/Server

Have fun!

- Mr.W