1 / 40

C o l o r T h e o r y 1 0 1

C o l o r T h e o r y 1 0 1. 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…. Color Theory 101. Some of the things we’ll cover… Primary Colors

earlene
Download Presentation

C o l o r T h e o r y 1 0 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ColorTheory101

  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 Blindness Color Deficient Dichromatic Color Normal

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

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

  12. Color Theory 101 Elements of a Color • Value

  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 Elements of a Color • Saturation

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

  22. Color Theory 101 Saturation

  23. Color Theory 101 Elements of a Color • Hue

  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 Primary Colors Secondary Colors

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

  27. Color Theory 101 • Color Relationships Complimentary Analogous

  28. Color Theory 101 Color Relationships Split Complimentary Triadic

  29. Color Theory 101 Color Relationships Rectangular Square

  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.com • Mary Grcic • mag68@roadrunner.com

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

  36. ColorTheory101 Reference Sites • Color Picker Hexadecimal color code generator • http://www.free-webmaster-tools.com/colorpicker.htm • Back To Font Web Color Picker • http://www.markup.co.nz/colorPicker/back_to_font.htm • Color, Contrast & Dimension in News Design • http://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.php

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

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

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

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

More Related