The Basics of Colors

Learn everything about the basics of colors and use of colors!

Step 1

In the image below, you can see the color circle of Itten, a famous artist. This colorcircle shows perfectly how everything is set. Inthe middle you see a triangle with 3 colors. Those are the base-colors.Also called the primary colors. These colors cannot be created bymixing colors together. As you can see outside the triangle, thereare smaller triangles holding on to 2 of the 3 primary colors. Thoseare called the Secondary Colors. As you can see, when you mix blue and yellow, you get green, etc. Theouter ring is just filled with different variations of the colors youmixed. As you can see, all the colors in the outer ring "flow" intoeach other!

Step 2

When you design a logo or a website, you can't just use 1 color. YouWILL have to use multiple colors. Of course that is all up to you, butthere are certain contrasts you need to know of in order to achieve thedesired emotion for the viewer. Below you can see 6 contrasts of each 2 colors. Thefirst 3 contrasts are complimentary. That means the colors are theopposite of each other. If you look at the color circle, you can seethat the opposite of yellow is purple, the opposite of green is red,etc... These combinations are used very often. Red-Green with christmas and Yellow-Purple for certain text in Nex-Games, for example.

Below the 3 contrasts, is the 4th contrast, which is a warm-cold-contrast. Warm colors like orange and read, featuring cold colors like blue, gray and white. These also work very nice! Andat the bottom, you can see 2 examples of the Light-Dark-Contrast whereyou just take lighter and/or darker colors of a specific color in alayout. That way you can still use 1 desired color in a layout, yet youmake it more playful!

Step 3

Below you can see how many difference black and white can make ongradients. Below you can see I used my favorite color green 2 times,YET, I added a white color on the top image and I added a black coloron the bottom image. You can see the entire gradient changes.Therefore, choose your gradient wisely my padawan! That's all fornow. I hope you learned something. I'm not gonna go even deeper intothe basic, because I figured you had to learn that in Kindergarten!

Graphic Design Using Color
Color is everywhere and conveys a message even if we dont realize it. While this message can vary by culture it pays to know what colors say in your own corner of the universe, and even what color means to your target market.
Graphic Design Using Color
Color is everywhere and conveys a message even if we dont realize it. While this message can vary by culture it pays to know what colors say in your own corner of the universe, and even what color means to your target market.
Colors That Sell
Color is a powerful psychological trigger. It creates strong emotions which can sometimes mean the difference between loosing or making that sale, so we need to know at least the basics of color. We can start by looking at the associations people make with certain colors. Reds: Positive a...
How To Use Color Effectively When You Create A Web Site
Colors are powerful, and create strong feelings. They can also make your web site look professional or look like a circus. Here are some powerful tips you should use every time you create a web site...
Colors as Visual Communicators
People love stories. This must have originated from the time when getting tucked up in bed means a story afterwards. Fairy tales are colorful stories with colorful endings. Then came those fiction books with twists and turns and sometimes not so colorful endings...
Corporate Logo Design
A corporate logo design is essential in todays corporate world. If used effectively, it will be highly instrumental in building your corporate identity and should successfully exude the companys attitude.
MySQL Join Tutorial
What are joins and how do you make them?
Streamline Your Redesign: Working With Restricted Colors
Before you start designing, have in mind a rough color scheme that you would like to apply to your web site. It seems to me there are 3 categories, or distinct styles, of coloring being applied to web pages:...
Cascading Style Sheets Basics
If youre not a web designer, but have nevertheless experimented with HTML or popular editors like FrontPage to try to build a website, if you didnt use cascading style sheets you probably came across most of the common problems that cascading style sheets were created to solve...
Breathtaking Color Power!
Colors convey character, emotion and intention. You are what colors you choose. Thus, your choice of colors should reflect the message or feeling you to hope to convey to the viewer...