1. Color Theory 101Color Theory 101

2. Color Theory 101 Just when you thought it was safe to use the 216 web safe colors available to you… Along come millions of other colors to add to the confusion…

3. Color Theory 101 Some of the things we’ll cover… –Primary Colors –Color Perception / Color Blindness –Elements of a Color –Color Relationships –Website Coloring –Color and Emotions

4. Color Theory 101 Types of Primary Colors –Painter’s Colors (Traditional Primaries) –Subtractive Colors –Additive Colors

5. Color Theory 101 Painter’s Color Wheel (R-Y-B)

6. Color Theory 101 Subtractive Colors (R-G-B)

7. Color Theory 101 Additive Colors (C-M-Y-K)

8. Color Theory 101 Color Perception –It’s all relative… Age can be an issue Environment can affect perception –(EX: Laptop vs Projector) Color Blindness Past experiences (favorites?)

9. Color Theory 101 Color Normal Color Deficient Dichromatic Color Blindness

10. Color Theory 101 http://colorvisiontesting.com/ Color Normal Color Deficient Dichromatic Color Blindness

11. Color Theory 101 The 3 Elements of a Color –Value –Saturation –Hue

12. Color Theory 101 Value Elements of a Color

13. Color Theory 101 Value This property of color tells us how light or dark a color is based on how close it is to white

14. Color Theory 101 Value

15. Color Theory 101 Value

16. Color Theory 101 Value

17. Color Theory 101 Value

18. Color Theory 101 Value

19. Color Theory 101 Value

20. Color Theory 101 Saturation Elements of a Color

21. Color Theory 101 Saturation Saturation refers to how vivid and intense a color is

22. Color Theory 101 Saturation

23. Color Theory 101 Hue Elements of a Color

24. Color Theory 101 Hue The technical name for color Describes the position of a color on a classic color wheel Used to name the color (Yellow, Orange, Red, etc.)

25. Color Theory 101 Painter’s Color Wheel Secondary Colors Primary Colors

26. Color Theory 101 Warm / Cool Colors Tertiary Colors COOL WARM Painter’s Color Wheel

27. Color Theory 101 Color Relationships Analogous Complimentary

28. Color Theory 101 Color Relationships Triadic Split Complimentary

29. Color Theory 101 Color Relationships Square Rectangular

30. Color Theory 101 Website Coloring Hexadecimal and Web Safe Colors

31. Color Theory 101 Website Coloring Photoshop color picker GIMPShop, Pixie, etc.

32. Color Theory 101 Website Coloring Sites to Test Colors –CSS Style Editor for the Weather Display/PHP/AJAX Website Template Set http://www.642weather.com/weather/template/style-edit.php –kuler (Adobe Color Picker) http://kuler.adobe.com/#themes/rating?time=30

33. Color Theory 101 Color Emotions Red - Stimulates adrenaline and blood pressure, dramatic and rich, the color of passion. Orange - Active and energetic. Represents sunshine, enthusiasm and creativity. Yellow - Highly active and visible. Associated with happiness and energy. Green - Found in nature, is a soothing color, easier on the eyes than yellow, orange, or red. Blue - Calming, can reduce appetite, symbolizes intelligence, openness and faith. Purple - Associated with royalty and power.

34. Color Theory 101 Q&A Don Grcic –dgrcic@gmail.comdgrcic@gmail.com Mary Grcic –mag68@roadrunner.commag68@roadrunner.com

35. Color Theory 101 Software training online-tutorials for Adobe, Microsoft, Apple & more –Lynda Weinman - Web Safe Colors –Bruce Heaven - Working with Color –http://www.lynda.com/http://www.lynda.com/ Non-Dithering Colors in Browsers –The Browser-Safe Web Palette –http://www.lynda.com/resources/webpalette.aspxhttp://www.lynda.com/resources/webpalette.aspx Basic color schemes - Introduction to Color Theory –http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htmhttp://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm Reference Sites

36. Color Theory 101 Color Picker Hexadecimal color code generator –http://www.free-webmaster-tools.com/colorpicker.htmhttp://www.free-webmaster-tools.com/colorpicker.htm Back To Font Web Color Picker –http://www.markup.co.nz/colorPicker/back_to_font.htmhttp://www.markup.co.nz/colorPicker/back_to_font.htm Color, Contrast & Dimension in News Design –http://poynterextra.org/cp/colorproject/color.htmlhttp://poynterextra.org/cp/colorproject/color.html CSS Style Editor for the Weather Display/PHP/AJAX Website Template Set –http://www.642weather.com/weather/template/style-edit.phphttp://www.642weather.com/weather/template/style-edit.php Reference Sites

37. Color Theory 101 kuler (Adobe Color Picker) –http://kuler.adobe.com/#themes/rating?time=30http://kuler.adobe.com/#themes/rating?time=30 Color Scheme Designer 3 –http://colorschemedesigner.com/http://colorschemedesigner.com/ Color Wheel - Color Scheme Randomizer - Color Theory for web designers –http://www.colorsontheweb.com/colorwheel.asphttp://www.colorsontheweb.com/colorwheel.asp ColorBlender.com Your free online color matching toolbox –http://www.colorblender.com/http://www.colorblender.com/ Reference Sites

38. Color Theory 101 HTML Color Codes –http://html-color-codes.info/http://html-color-codes.info/ Kira's Web Toolbox Web Color Picker (Kuler swatches) –http://www.lightsphere.com/colors/http://www.lightsphere.com/colors/ Part of color theory class from Dundean Studios –http://dundean.com/tips_how_to_fix_color.shtmlhttp://dundean.com/tips_how_to_fix_color.shtml Color Wheel Version 2.1 (4096) –http://www.ficml.org/jemimap/style/color/wheel.htmlhttp://www.ficml.org/jemimap/style/color/wheel.html Reference Sites

39. Color Theory 101 GIMPshop.com - A GIMP hack by Scott Moschella –http://www.gimpshop.com/http://www.gimpshop.com/ html color codes | Find best color Combinations –http://colors.napcsweb.com/colorschemer/html_color_codes_tool.htmlhttp://colors.napcsweb.com/colorschemer/html_color_codes_tool.html Colorblind Homepage –http://colorvisiontesting.com/http://colorvisiontesting.com/ Reference Sites

40. Color Theory 101 The Principles of Beautiful Web Design by Jason Beard –ISBN-10: 0975841963 Color: A Course in Mastering the Art of Mixing Colors by Betty Edwards –ISBN-10: 1585422193 Color Index: Over 1100 Color Combinations, CMYK and RGB Formulas, for Print and Web Media by Jim Krause –ISBN-10: 1581802366 Books