19 Color Palette Generators to Help You Design Like A Pro

Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

82 Flares Filament.io 82 Flares ×

When building a site or working on a graphic design  project, make sure your color pallet has the right colors in them. Use colors that complement each other.

For me, finding the correct colors for a project can be hard. I understand color theory but, when choosing those colors for a design, my mind goes blank. Generally I either pick a color or if I am presented an image or a logo and I need to use colors from the image, I will use a color generator to do this.

What is a color generator?

A color generator or color scheme selector is a tool for anyone in need of a color scheme. In most cases these online tools are code driven and full of features to help someone build the perfect color scheme. There is somewhere around fifty online generators available for you to use. I have selected just a few of them. Most of these I will use or have  used in the past find that perfect color scheme. There no order of favorites, just ones I favor over the rest.

1. Degraeve.com Color Palette Generator

This generator is a simple tool that creates a color scheme from an image. The best part of this tool is you can find an image online and instead of downloading the image, you can get the link of the image and paste it into the URL image field. Once you hit the button that says “Color-Palette-fy!” it will display ten colors that are found in the image. As you can see, I took an image from flickr and ran the generator. The colors are perfect. It pulled colors that match the color of the image. Even if I can not use the image in a project I can use the colors for inspiration.  This tool is very handy, easy to use, and finds the most important colors of the images quickly.

Color Palette Generator

Image Source: Old Car

2. Color Scheme Designer

Color Scheme Designer is the color generator that most designers use the most. This tool provides a better preview, permanent URL for the scheme you create, loaded with a ton of features, and in my opinion, one of the best looking interfaces around. 

ColorScheme Designer

 

3. kuler Color Generator by Adobe

Adobe® Kuler™ is tool for generating color themes. You can create a theme from an image or from a color selector. You can even choose a mood, and it will pick colors that are defined by a particular mood. You can save your theme and share it with the Kuler community. Or if you are interested in what others are creating, you can browser other Kuler users and even grab their theme colors for your project. Kuler impresses me, its got a lot of features, great community, and its easy to create a color theme. The interface is all designed beautifully. I love the dark colors!

Theme created from an image.

kuler color Scheme Generator from an image

Theme created from a color.

kuler color theme designer

A them created by a community member

kuler color theme designer

Image Source: Image random pulled by website from Flickr

4. CSS Drive: Colors Pallet Generator

CSS Drive’s generator is a generator like DeGraeve’s color generator. But with this generator, you can either upload an image from the web or upload from your computer. Once you get the image uploaded, you choose a light, medium, or a dark color palette. If you want more colors, you can also use the complete list of colors in this image. Once you select the colors you want or if you want to grab all the colors, you. You have the option of download a file that lists all the CSS color codes or a Photoshop color swatch file. This a great tool if you want something simple to grab colors form image, and still see all the colors available in the image.

CSS Drive-Imageto Colors Palette Generator

Image Source: ’55 Chrysler Imperial (IMGP1587h)

5. Color Schemer Online v2

Color Schemer is simple to use. Pick a color and it gives you sixteen colors to create your color palatte from. If you like this tool and want a desktop version, they do offer one. I use this tool from time, just so I can grab the hex codes.

ColorSchemer - Online Color Scheme Generator

6. Pictaculous  – A Color Pallet Generator

Pictaculous is another color generator that grabs color from the images. What I do not like about this tool is you have upload the image to them. Other than that, it does a great job at grabbing the colors from the image and you can then download the Adobe Swatch File. For this demo, I grabbed an image from flickr (allows downloads).

Pictaculous - A Color Palette Generator

Image Source: old car

7. Image to Color Palette Generator

This generator is still in beta, but works great. The design, well there is none. But what it lacks in design, it does work great for finding you colors in an image. You can upload an image via a URL Field submitter that will then display the image along with colors that can be found in the image. What’s different about this image color generator is, you can adjust the hue by using a slider bar back and forth to get the perfect color scheme!

ImageColorPaletteGenerator

Image Source: Old Car Grave Yard

 

8.ColorJack: Color Generator

ColorJack is a color selection tool that allows you to select a color and it gives three colors that go with it. When you click on one of the colors it gives you the Red, Blue, and Green range and the hex code. You can also adjust the hue, saturation and value of and get a more precise range of colors.

ColorJack-ColorGenerator

9. Colr.org

Per the about page, Colr.org was designed for people fool around with color. The tool itself, was created for fun and the author says the tool code was made from several different places. The site is coded in mostly JavaScript and the backend uses python. Overall the tool has some neat features and its way it selects the color is also cool. I really do not use this tool much but I do like the way it pulls color.

colrorg

Image source: First two images pulled randomly by the website from flickr. I grabbed the last image from flickr.

10. Color Wizard – Colors On The Web

Color Wizard is a tool that lets you start with a base and it will return matching colors for your selection. It will also returns hues, saturation, tint, and shades of your color. Color wizard offers color selection feature selections using monochromatic, analogous, triadic,  tetradic, complimentary, and split complimentary. If you looking for something different, then you can select randomize and it will generate random color schemes. I like color wizard, it isn’t much different from other color picking generators. What I like the most is the red, green, and blue sliders.

Color Wizard - Color Scheme Generator

11. Combo Tester by ColorCombos

Combo Tester lets you select colors and then displays the results in large columns. I like this tool because it gives you a larger color swatch results. Most generate small squares that are not very helpful. These larger swatches can help users get a better view of what their colors will look like.Color Combinations Tester-ComboTester-Color Combos.com

12. PHOTOCOPA – By COLORlovers

Photocopa is another way to get colors from an image. But in order to upload an image or use an image you found on Flickr, you have to sign up for an account. Its not that big of deal, but if you do, do not want to be part of the community or share your email address with this site, you will need to use another tool to get a color scheme from them.

PHOTOCOPA-Photo Color Palettesby COLOUR lovers

Image Source: ’53 Buick Super V Eight (IMGP1597h)

13. COPASO : Color Palette Software

Copso is another tool by COLORlovers, its great tool and a lot of designers swear by it. You upload an image for inspiration and build your pallet around that image or you can create your own.  Plus you can join their network and share palette creations with them. If this tool a too much for you, they have a basic version you can use.

COPASO-Pro Color Palette Software from COLOURlovers

 

14. Toucan Color Palettes

Toucan is part of a suite of powerful tools by Aviary for designers. This color generator is powerful just by itself. You can create your own color pallet or you can off of an image. When you first launch the tool it will open up an other window and the tool will run in that window. There are so many ways to you can get a unique color palette from this tool. Once you get your set of colors selected, you can then do a full screen preview of your color pallet. To see all its features, check it out and let us know what you think of it.

Aviary's Color Editor-Toucan

Image Source: Rusty Car

15. Color Rotate

Color Rotate is a new color generator. What’s cool about this tool is its in 3D and animated. You can create a pallet and see it on the color cone to the right. You can rotate it from side to side or spin it like a top. You can create your own colors or you can select from user created pallets.

Colo Rotate-Colors come to lifein 3D

16. Color Wheel

Color Wheel is not a tool I would normally use, but it does come in handy if you are not sure what color for your design you want to use. This tool is a random generator, hit the spin button and it gives you three matching colors and examples of what the three look like together in a design.

Color Wheel-Random Color Scheme Generator

17. Palette Inspiration

Palette Inspiration is great tool for finding new color palettes. The tool has a lot of features, such as choosing analogous and complementary colors. If you are looking for premade palettes you can also find them here.

Palette Inspiration

18. Color Explorer

Color Explorer is a tool box full of tools. You have a color picker, color matching and you can even select from premade palettes. There is so much you can do here. Check them out and see what else the tools can do!

Color Explorer-Color Picker

19. Color Calculator

The color calculator is a tool for designers. It breaks the color into five different options. Select one and it will use predefined number of points on the circle and you move one point around and the all the points move as needed. It then takes those points and creates a small design from the colors from the palette. You can also you the the sliders to adjust saturation and lightness. The downside to this tool is you have to sign up by giving them your email address. Other than that tool works great.

Color Wheel Color Calculator

Conclusion

As mentioned before there are so many color creation tools out on the web some them are great and some not so much. These are just of my favorites. Tell us what you like and why….

EvolutionaryDesigns.net runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About James

James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

Comments

  1. These will be useful for me as I go through my redesign.

    Thanks for sharing James. Have a good one.

  2. Thanks for these sites, I really could have done with these when I was trying to come up with new color schemes for my site redesign

    • Yeah, when I wrote this article, it just kinda came to me that I should blog out my favorite design tools. I thought I would gather up all my resources and look for some ones. Then share them with the readers!

  3. great list James, I used to have just one source for all my projects. I’m going to experiment with some of these to see better results, thanks!

  4. Great collection. I usually open adsense account and choose color of interest, it takes time but now I know where I can get it easily. Thanks

  5. I recently use a colour pallette generator site (I can’t remember which one) that easily allowed me to design a theme for a blog for someone. The person picked out the colours and we decided what colour worked best in the theme.

    The beauty is that you get to see how the colours look together even before you create the theme.

  6. Just wanted you to know this post is bookmarked and I keep referring to it. Saving me picking colors. 🙂

Trackbacks

  1. 19 Of the Best Free Online Color Palette Generators…

    A list of what I feel are the best Color Palette generators available online for free. Start designing like a pro!…

  2. Story added…

    Your story was featured in Featured in MMO Social Network! Here is the link to vote it up and promote it: http://www.mmosocialnetwork.com/WebDesign/A_list_of_the_Best_Online_Color_Palette_Generators

  3. Anonymous says:

    Twitter Trackbacks…

  4. BloggerLUV says:

    19 Color Palette Generators to Help You Design Like A Pro | Evolutionary Designs…

    Need help find the right colors for a design project? Check out this list of color palette generators….

  5. […] 19 Color Palette Generators to Help You Design Like A Pro […]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

82 Flares Twitter 30 Facebook 52 Pin It Share 0 Buffer 0 Email -- Filament.io 82 Flares ×
%d bloggers like this: