P. 1
Color Theory for Designer

Color Theory for Designer

|Views: 63|Likes:
Published by farooq jalal

More info:

Published by: farooq jalal on Jun 22, 2011
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less





Color Theory for Designer, Part 3: Creating Your Own Color Palettes - S...


By Cameron Chapman February 8th, 2010 Design 64 Comments Publishing Policy

In the previous two parts of this series on color theory, we talked mostly about the meanings behind colors and color terminology. While this information is important, I’m sure a lot of people were wondering when we were going to get into the nitty-gritty of actually creating some color schemes. Well, that’s where Part 3 comes in. Here we’ll be talking about methods for creating your own color schemes, from scratch. We’ll cover the traditional color scheme patterns (monochrome, analogous, complementary, etc.) as well as how to create custom schemes that aren’t based strictly on any one pattern. By the end of this article, you’ll have the tools and skills to start creating beautiful color palettes for your own design projects. The best way to improve your skills is to practice, so why not set yourself a goal of creating a new color scheme every day.

Let’s start with a quick review of what was covered in parts 1 and 2. In part 1, we talked about how all colors have inherent meanings, which can vary depending on the country or culture. These meanings have a direct impact on the way your visitors perceive your site, even if it’s just subconsciously. The colors you choose can either work for or against the brand identity you’re trying to create.

In part 2, we covered color terminology: hue (what color something is, like blue or red); chroma (how pure a color is, the lack of white, black or gray added to it); saturation (the strength or weakness of a color); value (how light or dark a color is); tone (created by adding gray to a pure hue); shade (created by adding black to a pure hue); and tint (created by adding white to a hue). These are important terms to know as we move forward and create our own color schemes.

There are a number of predefined color scheme standards that make creating new schemes easier,

1 of 34

12/31/2010 1:59 PM

Color Theory for Designer, Part 3: Creating Your Own Color Palettes - S...



Design by Fun Team23

The basic, twelve-spoke color wheel is an important tool in creating color schemes.

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 jarring or ugly scheme (though both are still possible). Examples: 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.

2 of 34

12/31/2010 1:59 PM

Color Theory for Designer, Part 3: Creating Your Own Color Palettes - S...


Analogous color schemes are the next easiest to create. 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. Examples:

This is a traditional analogous color scheme, and while it’s visually appealing, there isn’t enough contrast between the colors for an effective website design.

Here’s a color scheme with the same hues as the one above, but with the chroma adjusted to give more variety. It’s now much more suitable for use in a website.

3 of 34

12/31/2010 1:59 PM

Don’t forget that beige and brown are really tints and shades of orange. and shades. these schemes consist of only two colors. Examples: A wide range of tints. though: using colors that are exact opposites with the same chroma and/or value right next to each other can be very jarring visually (they’ll appear to actually vibrate along their border in the most severe uses). This is best avoided (either by leaving white space between them or by adding another. transitional color between them). And the above theme modified for use in a website design.. A word of warning. tints. In their most basic form. http://www.. and tones makes this a very versatile color scheme. Complementary Complementary schemes are created by combining colors from opposite sides of the color wheel. Part 3: Creating Your Own Color Palettes .smashingmagazine. 4 of 34 12/31/2010 1:59 PM . but can easily be expanded using tones. Another example of a traditional analogous scheme..com/2010/02/08/color-theory-for-designer.S.Color Theory for Designer. shades. Another complementary color scheme with a wide range of chromas..

S. Split Complementary Split complementary schemes are almost as easy as the complementary scheme. This is one of the more diverse color schemes..com/2010/02/08/color-theory-for-designer.Color Theory for Designer.. In this scheme. It’s important to have enough difference in chroma and value between the colors you select for this type of scheme. Another palette with a wide range of chromas. along with two shades/tones/tints of the other two colors makes the single color almost work as a neutral within the scheme. instead of using colors that are opposites.smashingmagazine. Triadic Triadic schemes are made up of hues equally spaced around the 12-spoke color wheel. http://www. you use colors on either side of the hue opposite your base hue. 5 of 34 12/31/2010 1:59 PM . Examples: A scheme where yellow-green is the base hue... Examples: Using a very pale or dark version of one color in the triad. Part 3: Creating Your Own Color Palettes .

.S. Double-Complementary (Tetradic) Tetradic color schemes are probably the most difficult schemes to pull off effectively. Custom Custom color schemes are the hardest to create. http://www. Just add a neutral (such as dark gray or black) for text and accents. a custom scheme isn’t based on any formal rules. 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. Examples: A rather unimpressive tetradic color scheme. It works just as well for darker color schemes.com/2010/02/08/color-theory-for-designer. Alternately. using one very bright hue with paired muted hues makes the single bright hue stand out more.. Part 3: Creating Your Own Color Palettes . 6 of 34 12/31/2010 1:59 PM .smashingmagazine. Tetradic color schemes can work well for creating color schemes with similar chromas and values..Color Theory for Designer. Keep in mind things like chroma. Instead of following the predefined color schemes discussed above..

value.. 7 of 34 12/31/2010 1:59 PM . and saturation when creating these kinds of color schemes. using colors with similar chroma and saturation is effective and creates a sense of cohesion across a color scheme. http://www. Again. Using one color with a high chroma among other colors with lower chromas is another effective method (the higher chroma color can act as an accent).S. And there are quite a few tricks you can employ to create great color palettes right from the start. Creating your own color schemes can be a bit intimidating... Examples: The colors here all have similar chroma and saturation levels.smashingmagazine.com/2010/02/08/color-theory-for-designer.Color Theory for Designer.. But it’s not as complicated as many people think. Part 3: Creating Your Own Color Palettes .

So. While I mentioned that traditional color scheme patterns aren’t used as often in design. we’ve gone with a color scheme made up of shades and tints of gray.S.. Part 3: Creating Your Own Color Palettes . especially when they’re used in different values and saturation levels. We’ll start with a basic monochromatic scheme. but let’s forget about those for now and just use Photoshop. http://www.com/2010/02/08/color-theory-for-designer. Now. we’ll create three color schemes each for two different websites. There are plenty of tools online that will help you create a color scheme. For our apparel store. with white added in as a neutral. You’ll likely find yourself using monochromatic schemes on a fairly regular basis. here’s a traditional monochromatic scheme. Our hypothetical clients are a modern architecture design blog and a high-end women’s clothing retailer who specializes in Victorian-influenced apparel.Color Theory for Designer. It’s made up of shades of purple and reddish-purple. 8 of 34 12/31/2010 1:59 PM . While it’s important to know the ways that different colors interact and how traditional schemes are created. For our design blog. This is almost an analogous color scheme. Lets try breaking away from the color scheme types already mentioned.smashingmagazine. but we’ve left out one color. just to get a feel for each. and create some custom schemes. We’ve been over the different types of color schemes above. and work well together... let’s try creating a few of our own. monochomatic color schemes are the exception to that rule. for most design projects you’ll likely create custom schemes that don’t strictly adhere to any predefined patterns. for the purposes of our project here.. These two colors fall next to each other on the color wheel.

. We’ve also added in a very pale yellow tone.. using tints. This leads to a color scheme that is both overwhelming and boring at the same time. tones. and shades in your color schemes is vital. Why Shades. Here. Again this is next to the reddish-purple on the color wheel. Adding a couple shades of red to the gray color scheme adds a lot of visual interest and the potential for creating extra emphasis on certain parts within your designs.. but work just fine together without yellow. Part 3: Creating Your Own Color Palettes .Color Theory for Designer. Pure hues all have similar values and saturation levels. 9 of 34 12/31/2010 1:59 PM .smashingmagazine. This serves as our neutral. and Tints Are Important As you can see from the color schemes above. if you look more closely you’ll see that the grays are actually tones of blue.. Tones. Blue and red make up two thirds of a tetradic color scheme. http://www. While this color scheme at first glance looks like another standard gray and red palette. which sits opposite purple on the color wheel.S. and looks more like an off-white color when compared to our other hues. especially when the red is kept pure but the blue is toned down to the point of almost being gray.com/2010/02/08/color-theory-for-designer. we’ve gotten rid of the purple hues and switched over to a burgundy.

This adds visual interest to your color scheme while still retaining a sense of balance. tans. For browns. One of the simplest ways to create a professional looking color scheme is to take a few tones. tan. and tints. And tan can be used in place of gray. Black and white can also look either warm or cool depending on the surrounding colors. shades. Adding in Some Neutrals Neutrals are another important part of creating a color scheme.smashingmagazine. Gray. though. triatic. and off-whites tend to make color schemes feel warmer (as they’re really all just tones.. and my personal favorite). considering using a very light or very dark shade of gray in place of white or black. and shades of a given color (avoiding the pure hue). I chose this one: 10 of 34 12/31/2010 1:59 PM . try searching for related words on Flickr. brown. or you can do it in Photoshop yourself. or you can upload your own image. you can either browse or search for photos on Flickr. Using Adobe Kuler. one that you think evokes the feeling of the design you want to create. consider using a very dark. Find a photo you like on Flickr. If you’re stumped for what colors you want to use in a website design. black. To add a bit more visual interest. Browns. or split-complementary color scheme) as an accent color.Color Theory for Designer. Black and white are the easiest neutrals to add into just about any color scheme. Gray will take on a warm or cool impression depending on surrounding colors. chocolate brown in place of black. tints. shades. both ways (using Kuler and Photoshop)... Part 3: Creating Your Own Color Palettes . http://www. Adding browns.S. Sometimes this can result in finding color schemes that you might not have thought of on your own. and tints of orange and yellow). white. When you mix in tones..com/2010/02/08/color-theory-for-designer. There are automated tools online that can do this automatically for you (Adobe Kuler is one of them. as well (create a tone by adding some gray to make it even easier). you expand the basic 12-spoke color wheel into an infinite number of colors for use in your designs. Let’s try this method out. and then add in another pure hue (or close to pure) that’s at least three spaces away on the color wheel (part of a tetradic. Using Photos for Color Schemes One of my personal favorite ways to create a color scheme is to use a photograph. and off-white are generally considered neutral colors. tans. and off-white hues are a bit trickier. A pale off-white can be used in place of white or light gray in many cases. but with some practice you’ll find adding them gets easier.

. Muted. Here’s the original color scheme that Kuler gives us when using this image: One of the coolest features Kuler has for creating color schemes from images is their “Select a Mood” option.Color Theory for Designer. Deep..com/2010/02/08/color-theory-for-designer. Part 3: Creating Your Own Color Palettes . Included here are Colorful..smashingmagazine. http://www. Bright.S.. and Dark. These are the schemes we get when using each of those moods with the same photo: 11 of 34 12/31/2010 1:59 PM .

http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer.S. Colorful Bright 12 of 34 12/31/2010 1:59 PM .... Part 3: Creating Your Own Color Palettes .Color Theory for Designer..

smashingmagazine.com/2010/02/08/color-theory-for-designer. so it’s not as time-intensive as it sounds): Creating color schemes from images in Photoshop is easiest with images that are relatively 13 of 34 12/31/2010 1:59 PM .Color Theory for Designer. Part 3: Creating Your Own Color Palettes .S.. Muted Deep Dark Now... Here are the results (this took less than five minutes to do in Photoshop. and then keep clicking on different spots in the image until I find other colors that go with it. This is a bit less scientific than the way Kuler does it. http://www. let’s create a color scheme in Photoshop using the same image. I usually just pick a color with the eyedropper tool..

smashingmagazine.. Let’s try another one. http://www. Here’s the original image we’ll work with: And here are the five color schemes that Kuler gives us from this image: Colorful 14 of 34 12/31/2010 1:59 PM .. it gets trickier. Part 3: Creating Your Own Color Palettes .. something more colorful this time. monochromatic to begin with.S. With more colorful images.com/2010/02/08/color-theory-for-designer..Color Theory for Designer.

.Color Theory for Designer. Part 3: Creating Your Own Color Palettes .S..com/2010/02/08/color-theory-for-designer. Bright Muted 15 of 34 12/31/2010 1:59 PM .smashingmagazine.. http://www..

the Photoshop version I came up with is completely different than what Kuler came up with.S.com/2010/02/08/color-theory-for-designer. http://www.. try starting out with these types of palettes.smashingmagazine. partly because of the diversity of colors present in the image. The Photoshop version here took a bit longer than the one above. Deep Dark And here’s what I came up with in Photoshop using the same image: As you can see. but adding a bright accent color into an otherwise-neutral palette is one of the easiest color schemes to create.Color Theory for Designer. It’s also one of the most striking.. Here are a few examples to give you an idea of what I’m talking about: 16 of 34 12/31/2010 1:59 PM . but all of the schemes above are visually appealing. The Easiest Color Schemes We’ve touched on this a bit before. If you’re unsure of your skills in regard to creating custom schemes... Part 3: Creating Your Own Color Palettes . visually.

As a general rule.. 17 of 34 12/31/2010 1:59 PM . How Many Colors? You’ll notice that throughout this post we’ve used color schemes with five separate colors... and it’s a workable number in a design. even with the blue accent color. You can see here how using browns instead of grays makes the entire scheme look warmer. http://www. cool grays and pure grays are best for more modern designs. just keep it very close to the gray end of the spectrum for the most fool-proof results.Color Theory for Designer. For traditional designs.com/2010/02/08/color-theory-for-designer. Part 3: Creating Your Own Color Palettes ..S. warmer grays and browns often work better. Five is a good number that gives plenty of options for illustrating the concepts here. You can use tones of any color instead of gray or brown in this type of scheme.smashingmagazine. But feel free to have more or fewer colors in your own schemes.

http://www.. Experiment and use as many or as few colors as you need to for your design. here are ten websites that have excellent color schemes. Part 3: Creating Your Own Color Palettes . And some might use eight or ten (which is a lot trickier than using fewer colors). Wentings Cycle & Mountain Shop Scheme: 18 of 34 12/31/2010 1:59 PM . A lot of websites might only use three colors in their designs. Others use only two. But you may want to start with a palette of five colors.smashingmagazine. traditional color schemes and then work out from there. The easiest way to add a color is to start with one of the predefined. Some of the schemes below might look a bit odd at first glance but seeing how they’re actually used shows the wide range of possibilities color schemes can present.Color Theory for Designer..com/2010/02/08/color-theory-for-designer. and then add or subtract as you see fit and as you progress through the design process.S. To give you more inspiration.. That at least gives you a bit of direction as far as which other colors to consider..

.Color Theory for Designer.. http://www.com Scheme: Oscar Barber Scheme: 19 of 34 12/31/2010 1:59 PM . Trivuong..smashingmagazine.S..com/2010/02/08/color-theory-for-designer. Part 3: Creating Your Own Color Palettes .

http://www.smashingmagazine...Color Theory for Designer.com/2010/02/08/color-theory-for-designer.. Part 3: Creating Your Own Color Palettes . North East Peace III Partnership Scheme: mbA Architects Scheme: 20 of 34 12/31/2010 1:59 PM .S..

http://www..com/2010/02/08/color-theory-for-designer. Part 3: Creating Your Own Color Palettes . Studio 13 Scheme: Joy Project Scheme: Morphix Blog 21 of 34 12/31/2010 1:59 PM ..smashingmagazine..Color Theory for Designer.S..

com/2010/02/08/color-theory-for-designer. http://www.. Scheme: El Designo Scheme: LemonStand 22 of 34 12/31/2010 1:59 PM .S.smashingmagazine... Part 3: Creating Your Own Color Palettes ..Color Theory for Designer.

Color Theory for Designer.. And take advantage of all the sites out there that let you upload your color schemes and organize them for later reference...0 This page will load 100 random colors. 100 Random Colors 2. Part 3: Creating Your Own Color Palettes . as well as some links with more information about traditional color schemes. It’s a great place to check if you’re looking for color inspiration. Scheme: We’ve really only just touched on color theory in this series. try creating a scheme around it. You can use automated tools to do this at first (like Kuler’s tool for creating schemes from images). There are specialists out there who have literally spent years refining their ability to choose colors that are appropriate to any situation. Create a scheme on a daily basis. Classic Color Schemes 23 of 34 12/31/2010 1:59 PM . with hex codes. Here are some additional resources that should help you in creating your own color schemes. The best way to learn to create beautiful color schemes is to practice.. or just open up Photoshop and start. If you see a particularly beautiful or striking color in your daily life.smashingmagazine.com/2010/02/08/color-theory-for-designer. 10 Super Useful Tools for Choosing the Right Color Palette A round-up from Web Design Ledger that covers ten great tools for finding and creating color palettes. http://www.S. This makes all those color schemes more practical and easier to use in the future.

ColorSchemer A color scheme gallery and tool with a free online version. 2010 4:15 am Very useful series of article. Cameron Chapman On Writing. Homepage Tags: colors Twitter Page 64 Comments Best Comments February 8th. She’s also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.com/2010/02/08/color-theory-for-designer. with examples. Part 3: Creating Your Own Color Palettes Cameron Chapman Cameron Chapman is a professional Web and graphic designer with over 6 years of experience.. Their library colors tab is particularly useful for finding and creating monochromatic color schemes.. including her own.. This article from Color Wheel Pro covers all the traditional color schemes in detail. search functionality as well as tools to create your own color palettes..smashingmagazine. Part 3: Creating Your Own Color Palettes . Color Theory for Designers. Thanks Cameron :) SM Rocks :) Keep up :) 0 24 of 34 12/31/2010 1:59 PM . http://www. ColorMunki Another color scheming tool. She writes for a number of blogs. Part 1: The Meaning of Color Color Theory For Designers.S. ColourLovers A community for color and design that includes a huge gallery of color palettes.Color Theory for Designer. Part 2: Understanding Concepts And Terminology Color Theory for Designer.

helped me a lot to better understand color philosophy :) thanks 0 February 8th. 2010 4:23 am great article. 2010 4:52 am Kuler is Cool :) 0 February 8th.. 2010 5:01 am 0 25 of 34 12/31/2010 1:59 PM . http://www. 2010 5:00 am A big article…Need a lot of time to study this 1. 2010 4:56 am Color Theory for Designer series are one of the best tut bundle in smashingmagazine..”wow” 0 February 8th.appsheriff. February 8th.com/2010/02/08/color-theory-for-designer.com/web-apps/design/kuler-explore-create-and-share-colorthemes/ 0 February 8th..S.. http://www. 2010 4:39 am Great article! 0 February 8th.com/#themes/rating?time=30 0 February 8th. 2010 4:42 am hi guys well Adobe has a very nice webpage to handle colors you can check it below http://kuler.adobe. 2010 4:48 am just say…………….. neverthless it will be very helpful as your other articles.Color Theory for Designer.. Thanks Cameron Chapman 0 February 8th. Part 3: Creating Your Own Color Palettes .smashingmagazine. :) 0 February 8th. phew but. every designer should read it. 2010 4:38 am Kuler is a great tools for designers to come with great sets of color combinations.

com/2010/02/08/color-theory-for-designer. 2010 6:10 am Thanks for yet a great article. 0 February 8th. and eventually you’ll notice you have a preference for a specific amount of color.) Awesome round-up! Well written.. Thanks very much. It’s more feature packed then Colorschemer. It’s great to refresh our knowledge with articles such as these. 0 February 8th. 2010 5:20 am Don’t forget ColorImpact in the Further Resources. (I noticed that my ideal amount is exactly 6 colors. you can add and experiment. Cameron. When you get more comfortable in working with this stuff. http://www. It’s one of the most difficult things to grasp when designing. 2010 8:02 am Absolutely brilliant. Great resource.. I prefer it to any other out there. I reallt needed some information on this to be able to step past the analogous schemes. 2010 5:47 am When I first started designing. But especially your simple colorschemes mad of grays with only one accent-color work very well for beginners. Thanks! 0 February 8th. February 8th. Part 3: Creating Your Own Color Palettes . Thanks for this good article I really like the 10 examples.Color Theory for Designer. It’s evident that you put a lot of time and effort into preparing this — well done! 0 February 8th. 2010 8:23 am Colour is by no means my strength so thanks for sharing your thoughts! 0 26 of 34 12/31/2010 1:59 PM . and highly practical for designers. tigercolor..com/ 0 February 8th. 2010 6:37 am Thank you so much for putting this series together. I takes quiet some exploring to root out all the features. and it’s extremely helpful to have it presented so thoroughly.smashingmagazine. I was a little intimidated by color-usage..S.

com produces some pretty good color palettes. Lee. 0 27 of 34 12/31/2010 1:59 PM .. You’ve taught an old dog some more tricks. especially for a novice like me. 2010 11:48 am Great series of articles. Funny as that despite never really `learning’ colour theory (was more trial and error over the past 18-19 years) it would seem I have been following these principals regardless.com/tools/tintershader/ It only does one thing– you give it a bunch of hex color codes (from your palette) and it generates ten tints and ten shades for each color in your scheme.S. Can’t wait to play around with Kuler. 0 February 8th. panel colors. Part 3: Creating Your Own Color Palettes .. I use it for text colors.highintegritydesign. Cheers. 2010 12:51 pm I’ve found that colorhunter. i like the combination of colors and i will use these combination of colors in my next design :) Thanks for sharing. February 8th. form backgrounds etc that I want to fit into my schemes. 2010 10:35 am Great Article. 2010 2:14 pm Great 3 part article. 2010 1:33 pm For those of you looking for an easy way to generate tints and shades based on a color scheme. 0 February 8th.smashingmagazine. 0 February 8th. A lot to take away and use in future designs..com/2010/02/08/color-theory-for-designer.Color Theory for Designer. I wrote a simple tool at http://www. Hope you find it useful! 0 February 8th.. Well done SM. More of the same please. http://www.

2010 5:55 pm Thanks Cameron for listing my site. At last.. part1&2 where just great 0 February 8th. 2010 3:29 pm Thx for featuring joyproject.Color Theory for Designer. 2010 6:58 pm wow.smashingmagazine.S.. 2010 3:05 pm Thanks so much! My site is listed as one of those 10 examples of great color schemes and I’m very proud of it! :) And It’s very much appreciated because I’m a fan of smashingmagazine.com/2010/02/08/color-theory-for-designer. 0 February 8th. 2010 8:19 pm nice color. February 8th. 0 February 8th. I love these colors 0 February 8th. The 0 28 of 34 12/31/2010 1:59 PM . very interesting color. Part 3: Creating Your Own Color Palettes . I’m very happy to see it here. http://www. Regards and thanks! 0 February 8th. I want this to my site... 2010 2:28 pm thanks for the 3rd part. I think I’m starting to understand how to use colors.it :) 0 February 8th. 2010 8:15 pm Ahhh. 2010 10:34 pm Great article! I’ve read lots of articles and books on this subject and have always come away perplexed. 2010 9:11 pm Wooo…!!! thankx again Cameron…!! 0 February 8th. Thank you! 0 February 8th.

Color Theory for Designer. E. For example. I guess that comes into the realm of tints.S. website examples at the end are terrific! I’ll have to come back and study this again. etc. shades etc that you exaplined in the tutorials. The only thing that I find challenging as a fellow web designer is how much to use of each colour. and is the overpowering a good thing or not. if you have white. February 8th. More than website value calculation.. 2010 11:27 pm Free check your website worth: WebsiteReckon. how much red can you use before it over powers the grey and white. light grey and red. are target specific Traffic.. 2010 10:34 pm great article 0 February 8th. as it is just too difficult to help someone understand what makes a website colour theme balanced as I assume it depends on the elements that make up the website as well as the photo/graphic elements. http://www. I guess website colour balance comes down to experience and lots and lots of practice.com outstanding web analytic tools on the internet today. Colour schemes are easy enough to find and create (thanks to your great tutorial) but I find the real trick is balancing the colours in the scheme based on their percentage against the other colours. Anyway. however. I’m happy with that…ship it” I would hate to have the job of trying to explain what makes me finally ‘feel’ that the colours are balanced and I guess that is why most colour theory tutorials have to skip this concern. it may also be difficult. if not.g.. 0 29 of 34 12/31/2010 1:59 PM .. that’s pretty good. It always takes me a while to shift colour power balance in order to make the page ‘feel’ balanced enough that I can say “Yep. 2010 11:08 pm That’s a great tutorial (and series of) thank you Cameron.com/2010/02/08/color-theory-for-designer. impossible to educate people on the balance of colour presence.. just thought I’d add that. 0 February 8th. Part 3: Creating Your Own Color Palettes . a background color vs.smashingmagazine. You can use it for FREE. an accent color. how do you choose a font color vs. A great follow-up article might be to show the process of choosing which colors from a scheme to use for which purposes on a website.

2010 5:59 am This is very informative! We enjoy following color trends and found some interesting information on the color blue: http://bit. Part 3: Creating Your Own Color Palettes . great job. http://www. I do think that some of the descriptions on the website’s could’ve been better in the last 2 articles but still. pageviews.smashingmagazine. Fantastic! February 8th. 0 February 9th. And thanks to the readers who dropped in some awesome links in their comments. Thank you for all the time and effort on this.. really. 2010 12:44 pm lo quiero in spanish… 0 30 of 34 12/31/2010 1:59 PM .Color Theory for Designer. Well done! 0 February 9th. Colour is so important and it’s so hard to achieve a sense for it.. 2010 4:49 am Hmm. Shame. kuler doesn’t seem to be working well with Flickr at the moment. Invalid API key and an inability to search by tag. 2010 10:49 am WoW1 Brilliant series.com/2010/02/08/color-theory-for-designer. This will definitely help me in the future and I think I’m ready to use Kuler more and more these days.ly/aQmgP9 Thanks for sharing! 0 February 9th. Thank you for this post! 0 February 9th. 2010 12:37 pm This has been a very nice series.S. 0 February 9th.. 2010 11:29 pm What a great article..

. http://www. 2010 1:39 am WoW !!!!!!!!!!!! Brilliant series.. 2010 8:05 pm Thanxxx a lotttt ……. 0 February 10th. 2010 8:40 am u luk lovely…. 2010 11:19 pm Great Article! But you’ll never be 100% sure.Color Theory for Designer. 2010 2:41 am I wish to wknow which combination of 3/4/5 different colors I can use so that their printing in balck/white mode is acceptable. 2010 10:34 am 0 31 of 34 12/31/2010 1:59 PM . 0 February 10th. 2010 10:01 am Bravo! This is a fantastic series of articles. its really gr8…. I feel enlightened and inspired! 0 February 10th. if there had been created a color palette before designing/developing the website itself. 0 February 10th. 0 February 10th. February 9th. Keep it up 0 February 10th.smashingmagazine. Thank you very much!!! 0 February 9th. without knowing anything about color theory?! :-) 0 February 11th.S.. Part 3: Creating Your Own Color Palettes .com/2010/02/08/color-theory-for-designer. Maybe some people just have hit the bull’s eye with their color combination. 2010 7:33 pm Wow! Two of my sites listed as examples.. 2010 10:31 am Great article! I am new to the subject.

. That being said. 2010 6:27 pm Thank you for showcasing two websites that I designed! Wentings.com/2010/02/08/color-theory-for-designer. I do know something about color theory and I use this knowledge when designing the site. Hence I’ve tried messing with Kuler and ColourLovers only to end up with horrible schemes. with both of the sites featured here we created the brand identity first. which I then kept using throughout the websites while adding a complimentary color or two. This included much of the color palette. 2010 1:25 am Wow! Good Stuff! 0 February 15th. Smashing… what a wonderful world ! :) 0 February 24th. I sort of organically define the exact palette as I go. this comprehensive collection will help a lot in finding the colours I need for projects. It seems like I need to be doing a lot more messing around with Tints and Tones. Part 3: Creating Your Own Color Palettes . 0 February 26th. 2010 9:48 pm Thanks !!! to Cameron.S. but they just go into all the Traditional Schemes. and less with pure colours. It’s nice to have an article that actually shows how to go about creating REAL colour schemes for use in real life.smashingmagazine. Really great job. It’s a great article!!! February 14th. 2010 4:31 am Thanks a lot. I’ve read a lot of colour scheme tutorials. The only thing that puzzled me is the different suggestions you give concerning 0 32 of 34 12/31/2010 1:59 PM .. and consciously make sure all of the colors work together and give off the vibe I’m going for. 0 February 20th. I also try to make sure the colors I’m using are consistent.Color Theory for Designer.com and LemonStandapp. 2010 11:11 pm This has been an excellent series. which as you say aren’t actually used that often.com I did not create a defined color palette prior to designing the website.. http://www.. Cameron. However.

and colours with similar chroma should accordingly not be used adjacent to each other? What is odd is that you also say that similar chroma creates harmony. 2010 1:10 pm Super-fantabulously good. Contrasting that.printmag. Part 3: Creating Your Own Color Palettes . chroma and saturation. 2010 3:51 pm 0 33 of 34 12/31/2010 1:59 PM .com/2010/02/08/color-theory-for-designer. I guess different color schemes mean different things to different people. Am I correct in assuming that this issue is just concerning colours right next to each other. 2010 9:58 pm Good article & very informative. In both cases you warned in part 2 against using colours of similar chroma next to each other and recommended either using the same chroma or an entirely different one to avoid jarring effects. Check that goodness out here: http://www. 2010 5:38 am wow what beautiful 0 April 26th. I just published a post on PRINT outlining the 50 best color sites for designers. but effective. which is a good companion piece to this series: http://www. Not as cool as Kuler. that I found a few of the sites you gave as examples rather ugly.com/Author/Jude%20Stewart Keep these excellent articles coming! 0 March 18th.. 2010 6:52 am A nice way to sample colors from a photograph in Photoshop is to use the Mosaic filter (filter > pixelate > mosaic). Thanks for the article in any case! : ) 0 April 13th.Color Theory for Designer. too. I have to say though.printmag.. shouldn’t it be the same chroma/saturation? March 11th. It will split the image into a grid of colors that you can easily see. http://www.smashingmagazine. in this article you suggest using colours of similar chroma in some situations.S.com/Article/50-Best-Color-Sites-for-Designers I blog twice monthly about color. Cameron. 0 April 23rd...

smashingmagazine. 0 December 7th. 2010 7:08 pm This is very helpful. It really usefule and i’ll recommend this to others.Color Theory for Designer. Perfect. I see some palettes and I wonder how they even exist because they dont match at all! Thanks for sharing the way to do it..com/2010/02/08/color-theory-for-designer.Thank you 0 34 of 34 12/31/2010 1:59 PM .. I’m not always that keen on color schemes but I’m becoming more intuitive thanks to these helpful blogs and tutorials. 2010 12:02 am Awesome article on color theory. 2010 4:52 am Thank you for this … it’s really helpful. 2010 3:54 am adasdasd 0 December 22nd. 2010 5:44 am I always get confused about the coulours but After reading this info helped me to understand that how colours works.. great tutorial 0 November 6th. 2010 10:49 pm thanks . Part 3: Creating Your Own Color Palettes . I loved it and i’ll visit this site againg.. Thanks again!!! 0 September 13th. May 24th. this really helped me make my sites pop and is a great reference. http://www. 0 November 15th.S.

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->