A Simple Web Developer’s Guide to Color

I have never shown an interest in color theory as I have always been a

bit hopeless at it. Although I would love to play with color wheel, and

pick out complementary colors to impress all my friends, family and

clients in the process.

Frankly, I have never found it useful when trying to use colors in my

projects. Somewhere all of us believe that the better we get choosing

and using colors, the better we understood the theory behind it.

In this article, we will show you a simple color workflow that you can use

in your next web project. You will learn how to choose a pleasing color

scheme and also improves your whole website designing experience.

CHOOSING A BASE COLOR

Just imagine, if you have 10 million colors at a given time, you need to

choose just one color – to be the base of your website.

HOW TO CHOOSE A STARTING COLOR

For any project in which you are dealing with clients, make sure you

justify as many of choices as you can, if you don’t, it’ll be a case of your

favorite color versus their favorite color.

TIPS ON CHOOSING A STARTING COLOR

Use what you have.

If the client has a logo with an established color that will usually be

your starting color.

Eliminate your competitors’ colors.

Don’t copy you competitor’s brand color, try to eliminate them

from your own color schemes.

Think about your target audience.

The colors of a website for a funeral home would likely be very

different from the colors for a kids club. Think about who your

target audience is and how you want them to feel.

But don’t default to stereotypes.

If you’re designing a website for young girls, you don’t have to use

pink. Avoid clichés to gain credibility.

Play a word game.

If you’re struggling, write down any words that you associate with

the client’s business.

CHOOSING A BASE COLOR

First, go to Dribbble and Designspiration and click on the “Colors” link in

both.

You can also use any of CSS-Tricks’ color-picking techniques to grab the

exact colors right in the browser.

CREATING A COHESIVE COLOR PALETTE

FINDING YOUR ACCENT

ADDING THE GRAY

For most of web projects, two shades of grey are widely used – one

dark, one light.

While designing, you might decide it’s appropriate to introduce some

more colors to your palette. Hope you understand the importance of

color in web design. You follow above steps to choose more colors that

fit with your website scheme.

The beauty of this process is that the more you do it, the better you’ll

become at choosing colors.

iMediadesign is toronto web development agency: Expert in eCommerce

website Design, responsive Design, wordpress, magento web design,

SEO/SEM.