Online Design Color Tools for Marketers

Online Design Color Tools for Marketers

Wed, Feb 25, 2015

Online Design Color Tools for Marketers


Design color tools for marketers and websites

Whether you're creating lead generation content, social media content, calls-to-action, or infographics -- your marketing materials should always be as visually appealing as possible.

I will be writing a series of blog posts covering easy to use online design tools that entrepreneurs trying to create visually appealing marketing material without costing an arm and a leg, or requiring lots of training hours, or a steep learning curve. These posts will be categorized by the functionality of the tools.

In this post I will start by the Color tools that you can use to create color combinations that work together usually referred to as the color scheme.

Color has been used as a catalyst for affecting human mood and behavior in marketing for centuries. Creating the perfect color scheme to design your landing page, CTA, your website and email automation campaigns is a key element to optimizing conversion rates.

A landing page or CTA with right complimentary or contrasting colors can increase conversions, generate more leads and sales for your promotion.

Here is a list of the most popular color tools online:

1) Adobe Color CC

Using Adobe Color CC you can generate color themes, palettes, and schemes wherever inspiration strikes with. Sync your design across Creative Cloud apps and software. You can get color scheme inspiration from the "Explore" tab, upload a photo to help you pick similar colors, use the help of different color rules to choose your theme (analogous, monochromatic, triad, etc.), and get all the RGB and HEX codes for individual colors.

2) Design-Seeds

Design Seeds celebrate colors found in nature and the aesthetic of purposeful living. You can search for color  palettes by color or theme.

As quoted from the curators bio "I am particularly obsessed with flowers, crops, produce, and the countryside which surround me here in Wisconsin." You will find hundreds of photos along with matching color palettes, you can get the HEX code of each color by hovering over the color chip.

Need help establishing marketing goals for next quarter? Download our free template to help guide you

3) Image Color Picker

Upload any picture you like to Image Color Picker or use any image URL, then select any point of the picture and get the HEX code of that color. This is a nifty tool to create matching color schemes.

4) Paletton

Formerly known as The Color Scheme Designer, Paletton is one of the most popular tools for picking a color palette that just works without too much effort.

Simply pick one color, and view various schemes of your choosing -- monochromatic, complementing colors, etc... What makes it unique, though, is that you can even preview a sample website with your chosen color palette in a light and dark version.

You can also export color tables in css, Adobe PhotoShop ACO palette format and many other formats.

5) COLOURLovers

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, you can use the basic palette creator where you can select any color and get a combination of similar colors and add it to the palette.

COPASO is an advanced color palette tool that helps you create the perfect color palette. 

PHOTOCOPA is the best way to make a photo inspired color palette. You can load a photo from any URL, or search for photos on Flickr, or browse the gallery where other users have added their own photos for other users to use.

You can also download your created color palette in css, svg, or Adobe Photoshop ACO format.

6) Oto255
0to255 is a simple tool that helps marketers find many variations of any color. Perfect for hovers, borders, gradients, or access colors. It is a simple tool that helps you find lighter and darker colors based on any color. 

Just click the variation you want to use and the hex code is automatically copied to your clipboard.

7) Pictalulous

Create a color palette that matches a specific mode, tone, emotion of an image. Pictaculous is a clever tool that allows you to pick out colors from an uploaded image. Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions from Kuler and COLOURLovers, download your palette in Photoshop swatches (.ACO) file, or submit your email and receive (.ACO) via email. 

8) Color.hailpixel.com

A simple yet amazingly useful little tool, color.hailpixel.com lets you look at an unlimited number of swatches next to each other, then copy the hex code with just a single click.

9) Hexu.al

Browse for words that make hex codes instead of a hex color value of a bunch of  letters and numbers. You can browse Heux.al and select much more fun and memorable color names such as #doodle or #goofed. 

10) CSS Color Names

If random color names aren’t quite your thing, maybe this list of 147 descriptive color names might be a little easier to remember in your style sheets. View the full selection or see a random value with each click of the mouse.

11) Color Scheme Designer

Design your own color scheme with the Color Scheme Designer. Rotate and adjust the color wheel to select your base color, then see automatically generated values based on your palette type.

You can also export color tables in css, Adobe PhotoShop ACO palette format and many other formats.


12) Ultimate CSS Gradient Generator

CSS gradients are difficult to code. You need to know color values for each graient stop as well as prefixes of cross browser compatibility. The Ultimate CSS Gradient Generator allows you to create complex multi stop gradients, supports opacity settings, generates cross browser comparable css.

13) Hex 2 RGBA Color Calculator

This color calculator is a great HEX to RGB color converter. Devoth’s Hex 2 RGBA Calculator makes the process easy with the complete CSS value being copied with just one click to be used in your css rules.

14) Color Hexa

ColorHexa.com is a free color tool providing information about any color. Just type any color values in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent value in Hexadecimal, Binary, RGB, CMYK, HSL, HSV, CIE-Lab, Hunter-Lab, CIE-Luv, CIE-LCH, XYZ and xyY.

ColorHexa will also generate matching color schemes such as complementary, split complementary, analogous, triadic, tetradic and monochromatic colors. So you will be able to know what colors best suit with the one you chose. It is also possible to blend colors together or create a gradient between them.

Do you believe in the effectiveness of color in your marketing creatives design? Leave a comment with how you create your color scheme or / and any color scheme tool that you feel is important to be added to this list.


Ismail Aly
Ismail Aly    

Inbound Marketing & Sales Enablement Consultant, HubSpot User Group Leader, HubSpot Platinum Partner