We pack our collection of themes with ten 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 great resources for gathering colors to include in your next custom website launch!
Creating a child theme allows you to modify 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.
This is my go-to site for browsing and finding the following best color scheme. It’s like a Facebook for color picking — if you can believe that. You can browse by daily, weekly, monthly, or all-time popular schemes. Careful, you might get lost there for a few hours.
Flat UI is all the rage, and the bold simplicity 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 gives us this tremendous 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.
Need to copy a color from an image on a 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 on 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”
lisa
here’s a few other tools color I have come across:
ColorHexa colorhexa.com (I use this one frequently)
ColourCode http://colourco.de/
here’s a few other tools color I have come across:
ColorHexa colorhexa.com (I use this one frequently)
ColourCode http://colourco.de/
@zigorzag
Thanks Lisa!