4 Ways to add color to your website

Changing the color of a Premium WordPress theme is easy — finding the inspiration is the tricky part.

We pack our collection of themes with 10 color choices, but what if we didn’t get that shade of blue you were looking for quite right? Perhaps your client needs to match a brand scheme that wasn’t included?

Fear not.

Here’s a list of some great resources for gathering colors to include in your next custom website launch!

Customizing colors

First, before you begin any kind of custom styling you need to create a child theme.

Creating a child theme allows you to make modifications to the style.css file without overwriting the original. So make sure you do that first.

From there, you want to grab the color code and apply it to your style sheet. If you’re anything like me, you’re going to dig in with the Chrome inspector tool to see what colors we can change.

Once you know which elements  you want to hit, it’s time to pick a color.

colourlovers

Colour Lovers

http://www.colourlovers.com/

This is my go to site for browing and finding that next best color scheme. It’s like a Facebook for color picking — if you can believe that. You can browser by daily, weekly, monthly or all time most popular schemes. Careful, you might get lost there for a few hours.

flatui

Flat UI Colors

http://flatuicolors.com/

Flat UI is all the rage and it’s the bold simplicity that attracts me to this site. It’s all a snap to copy color codes with their drop down. It doesn’t have as many choices as Colour Lovers, but you won’t be lost here for hours. Maybe a great site to send to a client?

Adobe Krul

Adobe Kuler

http://kuler.adobe.com/create/color-wheel/

Ah the color wheel, always a good time!

Adobe gives us this great interactive wheel to help us select complimentary colors. Set the dial and spin to win. The corresponding color codes will dynamically change at the bottom of the tool.

colorzilla

ColorZilla

http://goo.gl/MLsGxF

Need to copy a color from an image on website or you can’t find the color code in the CSS?

Try out this free Chrome extension, ColorZilla. After you install it, you will get an eyedropper tool that allows you to grab a color from anywhere in a webpage. Super useful!

Have a tool or website you prefer? Let us know in the comments!

2 thoughts on “4 Ways to add color to your website”

Leave a Comment

Your email address will not be published.