Colors in Design

When we think about design, we always think about color. Design and color is something that can’t be separated. Design without the right color, is a chaos. It’s almost like chasing a traceless murder. In design, there are many kinds of color that every designer should know. And if you’re a beginner, you should know that color isn’t only about black and white or red and green, there are many. Besides, the rule of color also does exist. Here, in this post I’ll explain them one by one in the simplest way and easy to understood. Let’s get started:


RGB color is a model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. RGB tends to be used for on-screen purposes. So, RGB mode is most suitable and true-to-life to work with. It is good to keep in mind that all monitors are different though. One monitor may display blue slightly different than the next monitor, and both of those could be different than the next in line.



A hex is a six-digit number used in HTML, CSS, and design software applications to represent colors.



A color palette comprises of colors that can be utilized for any illustration or design work that represents your brand. The chosen colors should be designed to work harmoniously with each other.



Monochrome is used to describe design or photographs in one color or different shades of the single color.



Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.



Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green).



A triadic color scheme uses colors that are evenly spaced around the color wheel.



CMYK is a color model that is used for print purposes. CMYK colors begin as white and then get darker as more colors are combined.



The Pantone Matching System (PMS) is a standardized color reproduction system. Every hue is given a number, making it easy for people to reference and reproduce the same colors.


 Warm colors

Warm colors are made with red, orange yellow and various combinations of these colors. They give a friendly, happy, cozy vibe.

Cool colors

Cool colors such as blue, green and light purple have the ability to calm and soothe.


Color theory

Color theories create a logical structure for color. There are three basic categories of color theory: The color wheel, color harmony, and the context of how colors are used. Understanding how to use different colors to convey meaning is an important part of both design and marketing. Here’s a quick guide on how colors affect our brain:



A gradient is a gradual change of colors (such as green turning gradually into blue) or a color fading into transparency. There are two common types of gradients: radial and linear.


Opacity enables us to make an element of a design transparent. The lower the opacity, the more transparent an element is. For example, 100% opacity means an object is solid.



Essentially, a hue is a way to describe a color. And a hue can be any color on the color wheel. For example, red, blue and yellow are all hues.


A tint is a variety of a color. Craftsy explains that Tints are created when you add white to any hue on the color wheel. This lightens and desaturates the hue, making it less intense.


Well, I think that’s all. So, I hope after you read this post, your understanding of color getting greater so you can make the right combination of color and use the right kinds of color on your design. Good luck, always learn and remember “practices makes perfect” so if you’re working on daily basis on coloring, your sense of color will be getting sharp for sure. See you on the next post, adios fellas.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s