Skip to main content
Aliexpress WW
Aliexpress WW

The Advanced Guide to Colours In Graphic Design

The power of color

Color plays a vital role in design and everyday life. It can draw your eye to an image. Sometimes it can trigger an emotional response. It can even communicate something important without using words at all.
stoplight
So how do we know which colors look good together and which ones don't? The answer is simple: Color theory.
Artists and designers have followed color theory for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it's choosing colors for a design or putting together the perfect outfit. With a little insight, you'll be looking at color in a whole new way.

Color basics

Let's start at the beginning with a refresher on the basics. Remember learning about primary and secondary colors in school? Then you already have some knowledge of color theory.
box of crayons
Secondary colors are created by combining two primary colors. Red and yellow make orange; yellow and blue make green; and blue and red make purple.
red, orange, yellow, green, blue, purple dots
If we mix these colors together, we get even more in-between shades, like red-orange and yellow-green. All together, they form what's called a color wheel. (You can probably see where it gets its name.)
color wheel

A closer look

Now that you know about the color wheel, let's take it one step further with huesaturation, and value. These are terms you might not encounter in daily life, but they're the key to understanding more nuanced colors—like all those little paint chips at the home improvement store.
paint chips

Hue

Hue is the easiest one; it's basically just another word for color. In the example below, you might describe the hue as coral pink or light red, depending on your interpretation.
hue

Saturation

Saturation refers to intensity—in other words, whether the color appears more subtle or more vibrant. Highly saturated colors are brighter or richer. Desaturated colors have less pigment and therefore less oomph.
saturation

Value

Value has to do with how dark or light the color is, ranging from black to white. As you can see below, this gives us many different shades, from a deep reddish brown to a light pastel pink.
value

Creating color schemes

So how do we put this all together to create professional-looking color schemes? There are actually tried-and-true formulas based on something called color harmony that can help.
chemistry set
Color harmony uses the color wheel to illustrate time-tested color combinations. We'll explore some of the most common types of harmony below.

Monochromatic

The easiest formula for harmony is monochromatic because it only uses one color or hue. To create a monochromatic color scheme, pick a spot on the color wheel, then use your knowledge of saturation and value to create variations.
monochromatic
The best thing about monochromatic color schemes is that they're guaranteed to match. The colors suit each other perfectly because they're all from the same family.

Analogous

An analogous color scheme uses colors that are next to each other on the wheel, like reds and oranges or blues and greens.
analogous
Don't be afraid to play with the palette and create your own unique interpretation. That's what color harmony is all about; the formulas are merely starting points to help guide and inspire you.
analogous variation

Complementary

Complementary colors are opposite each other on the wheel; for instance, blue and orange or the classic red and green.
complementary
To avoid complementary color schemes that are too simplistic, add some variety by introducing lighter, darker, or desaturated tones.
complementary variation

Split-complementary

split-complementary color scheme uses the colors on either side of the complement.
split complementary
This gives you the same level of contrast as a complementary color scheme but more colors to work with (and potentially more interesting results).

Triadic

triadic color scheme uses three colors that are evenly spaced, forming a perfect triangleon the wheel.
triadic
These combinations tend to be pretty striking—especially when they include primary or secondary colors—so be mindful when using them in your work.

Tetradic

Tetradic color schemes form a rectangle on the wheel, using not one but two complementary color pairs. This formula works best if you let one color dominate while the others serve as an accent.
tetradic

Avoiding common mistakes

There are a few classic dos and don'ts when it comes to color. For instance, have you ever seen colors that seem to vibrate when they're placed next to each other?
clashing colors
The solution is to tone it down—literally—and there's a simple way do it. Start with one color, and try adjusting its lightnessdarkness, or saturation. Sometimes a little contrast is all your color palette needs.
visually pleasing colors
Readability is an important factor in any design. Your colors should be legible and easy on the eyes, especially when working with text.
Sometimes that means NOT using color—at least not in every little detail.
clashing website
Neutral colors like black, white, and gray can help you balance your design, so when you douse color, it really stands out.
pleasing website

Choosing the right colors

Every color sends a message. It's important to consider the tone of your project, and choose a color palette that fits.
For example, bright colors tend to have a fun or modern vibe.
modern business card
Desaturated colors often appear more serious or businesslike.
conservative business card
Sometimes it just depends on the context. With practice and creativity, there's no limit to what you can do.
contrasting businesses

Finding inspiration

You can find ideas for color schemes in all kinds of interesting places, from advertising and branding to famous works of art.
classical painting
You can even use a web resource to browse color palettes or generate your own.
Experienced designers often take inspiration from the world around them. There's nothing wrong with finding something you like and making it your own.
online color resource

Putting it all together

Everywhere you look, there's color, color, and more color. It can be intimidating to use it in your work, but it doesn't have to be. Just keepexperimenting, and remember what you've learned about color theory. Soon, choosing great-looking colors will feel like second nature.
color-coordinated outfit

We hope you enjoyed learning the basics of color!

Comments

Popular posts from this blog

Layout And Composition In Graphic Design: It's Not as Difficult as You Think

What is composition? In many ways, layout and composition are the  building blocks  of design. They give your work structure and make it easier to navigate, from the margins on the sides to the content in between. Why is composition so important? In short, it's the  way your content is arranged . It doesn't matter if you're working with text, images, or elements in a graphic; without a thoughtful, well-composed layout, your work would basically fall apart. Five basic principles The key to mastering layout and composition is to  think like a designer . Luckily, it's easier than it sounds. There are  five basic principles  that can help you transform your work and sharpen your eye for design. Keep them in mind during your next project, and look for ways to apply them. Proximity Proximity is all about using  visual space  to show  relationships  in your content. In practice, it's pretty simple—all you have to do is make sure related items are  grouped

The Ultimate Cheat Sheet On Making Basic Adjustments In Image Editting

Introduction Image editing is all about adjusting your images to make them look better. We're going to talk about some of the most  basic image adjustments , along with some common problems to watch out for when making these changes. The adjustments we'll cover in this lesson include: Cropping : If you want to remove parts of an image, you can  crop  it. You can think of cropping as using a pair of scissors to  cut out  the parts you no longer want. Resizing : If you want to make an image smaller or larger, you can  resize  it. However, keep in mind that making an image larger than its original size generally does not look good. Rotating : If you want to change the  orientation  of an image, you can  rotate  it to the left or right. Optional : If you'd like to follow along, you can download some or all of our  example images . Just click any of the images below to open a full-sized version. Then right-click the full-sized version and select  Save Image As  to save