SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

20 Color Combination Tools for Designers

January 23, 2010 by Joel Reyes 46 Comments

Being able to select the right colors is key in designing an effective and intriguing design, whether for the web or for print. If you’re able to achieve a good balance within your design, then it’ll communicate a stronger message much more easily to the users or readers because certain colors “activate” certain types of emotions.

If you’d like to read more about choosing the right color scheme and the psychology of colors, I invite you to read the following articles:

  • Tip And Tools For Creating A Stunning Colour Scheme
  • Why Color Matters
  • Color symbolism and psychology
  • How Color Influences Consumer Behavior
  • Color Psychology of Logos

Color Combination Tools

Below we’ve compiled a list containing 20 Color Combination Tools for Designers. You can use this list to chose the tool that better fits your needs or that you’re most comfortable using.

Have we missed any? Let us know below!

Kuler

Kuler
The web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

Color Scheme Designer

Color Scheme Designer
Color Scheme Designer has been around for some time and was recently re-written and designed. It currently has great color space conversions, a preview pane, enhanced scheme creation, and a permanent URL of the schemes you create. It’s almost as if it were a hosting site for color schemes.

Contrast-A: Find Accessible Color Combinations

Contrast-A: Find Accessible Color Combinations
This application allows you to experiment with various color combinations, review your colors accessibility, and create color palettes.

Infohound Color Schemer

Infohound Color Schemer
Infohound Color Schemer helps you find and test color schemes for whatever the reason may be. Features included allow you to configure the saturation and brightness, set the value for hue, and have your colors automatically matched for you.

Check My Color

Check My Color
This tool lets you check the foreground and background of color combinations and gives you the option to determine whether the color variation is suitable for individuals with vision impairments.

Toucan Color Palettes

Toucan Color Palettes
Toucan allows you to choose up to 20 colors per palette using color association rules or an uploaded image, collaborate with other users, and import images from Flickr, Picasa, and Facebook.

Hex Color Scheme Generator

Hex Color Scheme Generator
The Hex Color Scheme Generator is a great tool to use if you want to create a beautiful and logical color scheme. It acts as an “advisor” for colors. You simply tell it which colors you’d like to use, and the app will generate the best results that match.

Pictaculous

Pictaculous
Pictaculous lets you upload your image and analyze its colors. This is ideal for the designer who creates several graphics at a time and would like to distinguish the looks without having to manually choose the best combining colors every time.

Color Combinations and Color Schemes

Color Combinations and Color Schemes
This website gives you the option to generate limitless color combinations and schemes. If you already know at least one of the colors you plan on using, this site will take care of the rest. This is good for testing out colors in your code when you’re not sure what they are. I personally use this app on a regular basis.

Daily Colorscheme

Daily Colorscheme
Daily Color Scheme serves its users a new color scheme every single day of the year. This can help you discover new color combinations that you hadn’t thought of before, also a great source for color inspiration.

Color Palette Software

Color Palette Software
This is an advanced color palette tool that lets you create beautiful color schemes and custom themes. To begin working with colors you’ll have a scratch pad at your disposal. Before you begin using this app, make sure you try the scratch pad, it’s a feature that allows you to store all of the colors you’re working with for later use. You’ll also have a photo tool to extract colors, and an advanced color picker as well as a color theory wheel to give you the right type of inspiration.

ColorExplorer

ColorExplorer
ColorExplorer takes working with digital colors to the next level. You can get right down to work with a colorful toolbox that lets you quickly and easily create, manage, and explore several color palettes.

Kolur

Kolur
Kolur is a simple yet, effective color application that lets you browse color palettes. The color combinations and schemes displayed within their gallery go further than the standard 3 color “rule”, it’s unique and leaves you open with several possibilities per combination.

Color Hunter

Color Hunter
Color Hunter allows you to upload your images and view the different colors that it contains. You can also browse through their current color schemes.

Gray Bit

Gray Bit
GrayBit is an online testing tool created to convert an entire web-page into the grey-scale so that you’re able to visually recognize certain contrasts between different elements in your layout.

ColorZilla

ColorZilla
ColorZilla was designed for Firefox, it gives you an advanced eyedropper, a helpful color picker, a useful palette viewer and other tools all within the reach of your browser.

ColourMod

ColourMod
ColourMod was originally released as a web-based DHTML Dynamic Colour Picker. With the advancement and popularity of the Mac interface, ColourMod can now be found in your Dock once you’ve downloaded it. You’ll be able to examine colors on your desktop, websites, graphics, applications, and more!

Color Grab

Color Grab
ColourGrab lets you type in the URL of any image online and this application will tell which are the most useful and best used colors for that specific image. You can link to your project images that are hosted online and veiw which are the best and most used colors within the images. Great for custom logo design.

ColorMunki

ColorMunki
ColorMunki is an all-in-one color app that gives you complete color control of your color creation tools. You’re able to find, choose, and compare several different colors.

Color Wheel Color Calculator

Color Wheel Color Calculator
The Sessions educational Color Calculator is an interactive color wheel that allows any designer to select RGB, or CMYK colors for the creation of useful colors schemes. Sessions also claims to have the fastest color tool on the web. Test it out and lets us know what you liked and disliked about this app and any of the others as well!

Your Turn To Talk

Is there any other color combination and color scheme tools you know that were not included in this post? Please take a minutes to share those tools with the rest of us!

Download the latest 642-812 exam dumps to access 70-647 sample questions prepared in same way to real exam question so that you can easily understand 70-649 test structure.

Author: Joel Reyes

Joel Reyes is a web designer and developer with years of experience in the industry. He runs a development studio called Looney Designer, a design resource site at GrindSmart.com, and an a free file hosting site for designers, developers and creatives at ShareDen.com.

Filed Under: Design, Resources, Tools

Comments

  1. designfollow says

    January 23, 2010 at 5:32 pm

    great list

    thank you

  2. App Sheriff says

    January 23, 2010 at 5:35 pm

    wow, there are a lot of new tools here :)

  3. Ron Lipke says

    January 23, 2010 at 6:30 pm

    I get a lot of use out of ColorSchemer Studio 2 (http://www.colorschemer.com/). I know there are a lot of free online tools here, but I frequently find myself on some of the slowest Internet connections since the mid-90s that make them impractical. I love pulling photos I find browsing or from LittleSnapper into ColorSchemer and creating palettes based on them.
    Invaluable.

  4. Alfy says

    January 23, 2010 at 6:32 pm

    Thanks for the link very useful

  5. Inside the Webb says

    January 23, 2010 at 7:15 pm

    Pretty great collection of color tools. This is really useful for web designers and web app developers, and I’m sure I can use these for my upcoming blog projects. Thanks for sharing!

  6. bono calacal says

    January 23, 2010 at 11:38 pm

    wow thanks for sharing this. really really helpful.

    cheers!

  7. Glenn Van Bogaert says

    January 24, 2010 at 3:33 am

    Nice collection, but I’m missing one: http://www.colourlovers.com. I think they might be in the list together with Adobe Kuler.

  8. Guy Davies says

    January 24, 2010 at 8:49 am

    Nice collection and very useful, may I recommend the addition of http://www.colourlovers.com/ as I have found this to be an awesome resource over the past 12 months not only for colours but also patterns.

  9. Blake says

    January 24, 2010 at 9:49 am

    Nice list. SwatchSpot is another good one for inspiration. It makes swatches from random colors.

  10. sriganesh says

    January 24, 2010 at 11:13 am

    thanks for the list and Stumbled-upon :)

  11. Design ideas says

    January 24, 2010 at 12:02 pm

    Amazing services. Love Adobe mixer. Thanks

  12. Rahul - Web Guru says

    January 24, 2010 at 12:13 pm

    Super cool compilation of article on color combination tools for us designers. Thanks.. I’ve got it bookmarked.

  13. bharat khiani says

    January 24, 2010 at 12:43 pm

    hey…i didn’t know there were so many to choose from…i’d seen kuler earlier….

    thank you very much.
    regards,
    bharat.

  14. Barend says

    January 24, 2010 at 2:27 pm

    An old one, from 1999:
    http://www.enioken.com/jewelry/colorschemes.html
    Free, has formulas and all it needs.

  15. Claudia says

    January 24, 2010 at 4:09 pm

    That’s a nice write up, thanks for sharing =)

  16. CampSteve says

    January 24, 2010 at 11:14 pm

    I know the design process is different for everyone but I don’t understand why a designer would even need these tools. Knowing color is part of the talent that makes you a designer in the first place. People hire you because you know about color, composition, typography, shape, etc.

    These sites strike me as tools to help non-designers get an idea of what hues might go together, not unlike the hardware store pamphlets with suggested color combos for wall paint.

  17. Federica Sibella says

    January 25, 2010 at 3:21 am

    Nice list, thank you! My two cents, after choosing my primary hue I always have a look at http://www.colourlovers.com: you can find surprisingly new palettes and add your own if you like.

  18. BigM75 says

    January 25, 2010 at 3:51 am

    nice article, cool stuff for designers

  19. Kate says

    January 25, 2010 at 4:11 am

    I would absolutely add colourlovers.com to this list – it’s a fantastic resource, and one I’ve used frequently in the past.

  20. Elsa Lee says

    January 25, 2010 at 4:36 am

    As mentioned prior by a few people, http://www.colourlovers.com/ is definitely a good site. I believe it came out before Adobe Kuler.

    CampSteve, I occassionally use colourlovers if I’m stuck for ideas or need inspiration.

  21. Artboy34 says

    January 25, 2010 at 9:32 am

    @CampSteve: I appreciate your thoughts as I, too, believe there should be a minimum set of expectations from anyone calling themselves a “designer.” Having said that, I would consider these tools as an extension of what we’ve basically learned (somehow, being able to paint a color wheel in gouache seems archaic by now). They also provide the opportunity to explore more levels and combinations of colors, as well as give additional instruction to those just entering the field. I’m just glad the resources are available on the internet, and mostly for free; I never had tools like this in my toolbox when I was starting out.

  22. Charly html says

    January 25, 2010 at 10:15 am

    good tools. Now, I can reuse old templates with other colors

  23. Carrie Williar says

    January 25, 2010 at 11:42 am

    Thank you so much for assembling this list – It’s invaluable for those of us that work with color on a daily basis. I will definitely be sharing this link in my own blog. Thanks to those who commented for the additional resources – I, too, am a ColourLovers fan. :-)

  24. Ryan says

    January 25, 2010 at 1:31 pm

    This is one of my favorites.
    http://www.colorotate.org

    It visualizes a 3D color solid rather than a flat color wheel!
    Also has a Photoshop plugin available.

  25. ricardo says

    January 25, 2010 at 7:27 pm

    you miss colourlovers, thats a good one too!
    cheers

  26. Joel Reyes says

    January 25, 2010 at 10:38 pm

    Thank you all for your comments and suggestions! As someone has mentioned, if you call yourself a “designer” maybe you should be limited to the amount of tools you use. I agree but mostly disagree with that type of thought. Using a few tools to help arouse inspiration and explore different areas of design that you weren’t totally familiar with is good practice in knowing how to resource, which is a handy trade to have.

    However the only time using tools should be frowned upon is when you overly rely on these tools to the extent that you can’t effectively design without the use of them.

    Regards!
    Joel Reyes
    ShareDen.com

  27. chris says

    January 26, 2010 at 7:47 pm

    Vischeck is a way of showing you what things look like to someone who is color blind. You can try Vischeck online- either run Vischeck on your own image files or run Vischeck on a web page. You can also download programs to let you run it on your own computer very good: http://www.vischeck.com/vischeck/

    free

  28. Artist says

    January 27, 2010 at 4:55 pm

    It’s so true, your list proves it, that with color you can change mood and atmosphere. As being synesthete I live a life in colors. Synesthesia means that I see colors when I see words and numbers.I transform this in paintings of names and birthdays.

  29. Jason Hartsell says

    January 31, 2010 at 11:13 am

    Great post! I posted something similar a while back. http://abstracthuman.com/my-color-tools/

  30. Marianna says

    February 3, 2010 at 4:58 pm

    These are some great color tools. Thanks for sharing!

    By the way, I’ve been reading your blog for quite some time and I just now noticed that you’re like me – from Montreal – only I’ve recently move to London, UK to escape the winters :)

  31. arismawan says

    February 5, 2010 at 8:03 am

    Hello,…I also develop color palette web application with unique ui approach. please take a look: http://colorbe.com –

  32. Divyesh Ardeshana says

    March 7, 2010 at 12:44 pm

    Nice Help..this can help a lot….

  33. Alex Cooper says

    July 3, 2010 at 2:07 pm

    Great post. I thought I was strange for using a different color pallet for just about every project. I guess I’m not alone. :)

  34. ndop says

    July 30, 2010 at 10:30 am

    wow.. that is very useful for me as a vector graphic designer, thanks for sharing…

  35. louis says

    August 7, 2010 at 10:10 am

    Nice work!

  36. putu says

    September 7, 2010 at 1:34 am

    thank you for sharing. Two thumbs up!!! The color combos are very useful.

  37. Afam says

    September 24, 2010 at 2:38 pm

    Thanks for sharing. I really appreciate.

  38. T.Cistone says

    April 13, 2011 at 8:43 pm

    Great tools and articles! This site has been extremely helpful. Thanks for sharing!

  39. Michael says

    April 24, 2011 at 12:11 am

    This is a great list of color tools. One that I use, which is not on the list is Color Scheme Generator: http://colorschemetools.net/colorschemegenerator. It has a very nice vision simulation feature to let designers see various color schemes through the eyes of people with varying degrees and types of color blindness.

  40. Data Entry Service says

    May 16, 2011 at 10:04 am

    Wow very help full to the beginner those who are new in this field………..

    thanks

  41. nikki says

    May 19, 2011 at 1:56 am

    One color resource that is missing from your list is http://colorpilgrim.com It has a fabulous collection of well thought out color schemes

  42. webtech nepal says

    May 23, 2011 at 1:57 am

    Hello,

    I likes Check my color ones ..

    thanks

  43. Abe says

    June 1, 2011 at 4:20 pm

    Thanks for sharing. Nice articles and great tools.

  44. solomon says

    July 26, 2011 at 8:27 am

    i feel those colours,i need the latest formation on this

  45. David Hartsock says

    July 20, 2019 at 9:40 am

    Thanks for the info. Sorry I’m an uneducated type on the site but due to an accident I have been left disabled and recently found the calming effects of painting and starting to play with colors and the computer. This site has given me alot of great info and some websites that will probably come in very handy.

    Again, Thank You for the information

  46. fyreweb says

    December 18, 2020 at 9:45 pm

    Can you add more information on infographics colors ?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021