“The colors you choose can either work foror against the brand identity you’re trying to create”       Color Theory for De...
Traditional Color Scheme Types
Monochromatic        color                schemes are made up of                different tones, shades                and...
Monochromatic
1      2   3    4   5    • Here are three examples of monochrome color      schemes. For the most part with these schemes,...
Monochrome
Analogous schemes are            created by using three            colors that are next to            each other on the 12...
Analogus
Analogus                             ere’s a color scheme with the                              same hues as the one above...
Analogus
Dyads or Complementary• Complementary schemes are created by  combining colors from opposite sides of the color  wheel. In...
Dyads or Complementary
Dyads or Complementary A wide range of tints, shades, and tones makes this a very versatile color scheme.                 ...
Triadic• Triadic schemes are made up of hues equally  spaced around the 12-spoke color wheel. This  is one of the more div...
Triadic                                   Alternately, using one very                                bright hue with paire...
Triadic
Double-Complementary (Tetradic) Tetradic color schemes are probably the most difficult schemes to pull off effectively.   ...
Double-Complementary (Tetradic)Tetradic color schemes canwork well for creating colorschemes with similar chromasand value...
Using Photos for Color Schemes
Using Photos for Color Schemes                            Colorful
Using Photos for Color Schemes                           Bright
Using Photos for Color Schemes                            Dark
Using Photos for Color Schemes                            Dark
10 Sites With Great Color Schemes•   http://wentings.com/•   http://www.trivuong.com/•   http://www.oscarbarber.com/•   ht...
10 Super Useful Tools for Choosing the         Right Color Palette•   http://www.colorotate.org/•   http://kuler.adobe.com...
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Creating your own_color_palettes
Upcoming SlideShare
Loading in …5
×

Creating your own_color_palettes

299
-1

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
299
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Creating your own_color_palettes

  1. 1. “The colors you choose can either work foror against the brand identity you’re trying to create” Color Theory for Designer Creating Your Own Color Palettes http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/
  2. 2. Traditional Color Scheme Types
  3. 3. Monochromatic color schemes are made up of different tones, shades and tints within a specific hue. These are the simplest color schemes to create, as they’re all taken from the same hue, making it harder to create a jarringMonochromatic or ugly scheme (though both are still possible).
  4. 4. Monochromatic
  5. 5. 1 2 3 4 5 • Here are three examples of monochrome color schemes. For the most part with these schemes, the first color (if we look at this from left to right) would likely be used for headlines. The second color would be used for body text or possibly the background. The third color would likely be used for the background (or body text if color #2 was used as the background). And the last two colors would be used as accents or within graphics.
  6. 6. Monochrome
  7. 7. Analogous schemes are created by using three colors that are next to each other on the 12- spoke color wheel. Generally,analogous color schemes all have the same chroma level, but by using tones, shades and tints we can add interest to these schemes and adapt them to our needs for designing websites.Analogous
  8. 8. Analogus
  9. 9. Analogus ere’s a color scheme with the same hues as the one above,This is a traditional but with the chroma adjustedanalogous color to give more variety. It’s nowscheme, and while it’s much more suitable for use invisually appealing, there a website.isn’t enough contrastbetween the colors foran effective websitedesign. Example of a traditional analogous scheme.
  10. 10. Analogus
  11. 11. Dyads or Complementary• Complementary schemes are created by combining colors from opposite sides of the color wheel. In their most basic form, these schemes consist of only two colors, but can easily be expanded using tones, tints, and shades.• A word of warning, though: using colors that are exact opposites with the same chroma and/or value right next to each other can be very jarring visually .This is best avoided (either by leaving white space between them or by adding another, transitional color between them).
  12. 12. Dyads or Complementary
  13. 13. Dyads or Complementary A wide range of tints, shades, and tones makes this a very versatile color scheme. Another complementary color scheme with a wide range of chromas.Don’t forget that beige and brown are really tintsand shades of orange.
  14. 14. Triadic• Triadic schemes are made up of hues equally spaced around the 12-spoke color wheel. This is one of the more diverse color schemes.
  15. 15. Triadic Alternately, using one very bright hue with paired muted hues makes the single bright hue stand out moreUsing a very pale or darkversion of one color in thetriad, along with twoshades/tones/tints of theother two colors makes thesingle color almost work as aneutral within the scheme.
  16. 16. Triadic
  17. 17. Double-Complementary (Tetradic) Tetradic color schemes are probably the most difficult schemes to pull off effectively. A rather unimpressive tetradic color scheme. The best way to use a scheme like this is to use one color as the primary color in a design and the others just as accents.
  18. 18. Double-Complementary (Tetradic)Tetradic color schemes canwork well for creating colorschemes with similar chromasand values. Just add a neutral It works just as well for(such as dark gray or black) darker color schemes.for text and accents.
  19. 19. Using Photos for Color Schemes
  20. 20. Using Photos for Color Schemes Colorful
  21. 21. Using Photos for Color Schemes Bright
  22. 22. Using Photos for Color Schemes Dark
  23. 23. Using Photos for Color Schemes Dark
  24. 24. 10 Sites With Great Color Schemes• http://wentings.com/• http://www.trivuong.com/• http://www.oscarbarber.com/• http://northeastpeace.com/• http://www.mbaarc.com/• http://www.studio13.fr/• http://www.joyproject.it/en• http://blog.morphix.si/• http://www.eldesigno.ca/• http://lemonstandapp.com/
  25. 25. 10 Super Useful Tools for Choosing the Right Color Palette• http://www.colorotate.org/• http://kuler.adobe.com/• http://colorschemedesigner.com/• http://www.colourlovers.com/• http://www.colourlovers.com/copaso• http://www.colorblender.com/• http://aviary.com/tools/toucan• http://www.colormunki.com/• http://www.colorsontheweb.com/colorwizard.asp• http://colorexplorer.com/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×