A Simple Web Developer’s Guide to Color

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 STAR TING 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 S TARTING 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.