Design Shack - Web design showcase, CSS tutorials and web standards





Dedicated Server Hosting Advertise


About

Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way. It is carefully curated and edited by Josh Johnson and David Appleyard.


Part of the Smashing Network

25 Awesome Tools for Choosing a Website Color Scheme


Written by Joshua Johnson, On 16th November 2009.
Filed in Graphics, Inspiration.



As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are.

Online Tools

There are simply a ton of free color tools available on the web. However, a cursory search reveals that most are extremely basic and simply mimic everything else out there. Here’s a few that I found that stood out in either design, usability or features.

Kuler

screenshot

Kuler is one of the best free online color scheme creation tools out there and my personal favorite. You can browse tons of pre-made color schemes or create your own using an advanced yet simple to use interface. My favorite feature of Kuler is that access is built right into Adobe Illustrator so it’s never far away. There’s also an AIR app and Dashboard widget available for even more access options.

Color Scheme Designer

screenshot

Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users.

Colour Lovers

screenshot

An online community where color aficionados can create, share and browse color schemes.

Pictaculous

screenshot


The guys at MailChimp created this excellent free service. Simply upload a picture and automatically get a color scheme to go with it. Suggestions from Kuler and Colour Lovers are built in and you can download the Adobe swatch file.

Color Spire

screenshot

A simpler, no frills interface that helps you build a five swatch color scheme. Provides a nifty preview of the selected colors working together on a basic site frame.

Daily Color Scheme

screenshot

Every day brings a new featured color scheme. Choose from a variety of download formats and browse past color schemes.

Instant Color Schemes

screenshot

Though the interface is a bit lacking this tool is actually pretty helpful. Just type in a word or phrase (Ex: Firetruck) and you’ll get 24 of the most prominent colors that result from the first five images in a matching Yahoo image search.

Color Explorer

screenshot

Color Explorer is the most fully featured online solution I came across in my research. The impressive feature list includes a number of advanced tools for creating and converting your own color palettes as well as the ability to browse popular schemes. If you fancy yourself a color expert, this one is for you.

Color Rotate

screenshot

Color Rotate is a lot like a 3D version of Kuler. The interface is not exactly intuitive, but it sure is pretty and fun to play with!

Toucan

screenshot

Toucan has all the quality and richness you’d expect from an Aviary application. Use the interactive color wheel to create schemes on the fly and take advantage of the color theory features built into the application. Like Color Scheme Designer, Toucan comes with a colorblindness simulator supporting all major types of colorblindness.

Colour Grab

screenshot

Type in the URL of a image, get the most frequently appearing colors and a nice 3D pie chart so you can see how often a color appears. Downloadable Adobe swatches built in.

Color Jack

screenshot

A simple interactive color wheel with several customization options and color theory formulas.

Desktop Applications & Widgets

Web apps are great, but sometimes you need a local solution that doesn’t require you to navigate to a website and is easier to merge with your current workflow.

Tangerine (Mac)

screenshot

Tangerine provides a color palette that remains consistent across a wide array of graphics applications making it easy to use the same colors throughout your design process as you switch apps.
Price: $39.95

Color Schemer (Mac or PC)

screenshot

Color Schemer is a fully featured color palette creation application. Get all the features of some of the most popular web apps and more with the convenience of an always present desktop application. By far the best desktop solution I found.
Price: $49.99

ColorBurn (Mac or PC)

screenshot

ColorBurn gives you access to tons of beautiful color schemes right in your OS Dashboard (or Yahoo Widget interface). ColorBurn features daily palettes of four colors and the ability to browse the previous week’s schemes.
Price: Free

Swatch (Mac)

screenshot

As an avid Mac user, I love men bar apps. Swatch is an extremely helpful little app that puts color swatch management and creation right in your menu bar and therefore easily accessible from any application.

ColourMod (Mac or PC)

screenshot

ColourMod is a stylishly designed widget that provides a quick and easy way to grab any color’s Hex value.
Price: Free

iPhone Apps

The iPhone provides a great way to bring color management and scheme creation with you everywhere you go. Another bonus is the multi-touch interface, which adds an element of direct interaction that you don’t get with a mouse. Here’s a list of great iPhone apps I found along with the descriptions from their creators.

Color Expert

screenshot

“Color Expert is an interactive color wheel and swatch library that helps artists and designers identify, translate, capture and showcase color.”
Price: $9.99

CliqCliq Colors

screenshot

“Colors is an easy-to-use color picker for discovering, converting and managing colors and palettes.”
Price: $2.99

My Pantone

screenshot

If you’ve ever been a print designer, you’re probably fond of color books full of Pantone swatches that fan out into a rainbow of easily browsable colors. MyPantone offers this functionality in the convenience of an iPhone app.
Price: $9.99

Color Stream

screenshot

“A beautiful color tool for the iPhone, Color Stream lets you create and store color palettes that are either created from scratch, generated from a photo, or even auto-generated using our built-in color schemer (which supports analogous, monochromatic, triadic and more!).”
Price: $2.99

Loupe

screenshot

“Simple and thoughtfully designed, Loupe lets you create color swatches from your photo library or using the camera to save colors as you find them.”
Price: $0.99

Think Ink: Color Unleashed

screenshot

“Think Ink is a free iPhone application that lets you explore color combinations from the Dewey Color System, create custom color palettes, and order coordinating paper samples from Neenah Paper.”
Price: Free

Vibrant Color Picker

screenshot

“Vibrant is a full featured color picker/color chooser and gives you all the tools that a designer needs to identify and manage colors and color themes on the go. Take a photo of the target with the integrated camera, pinch and drag the cross-hair to select a color, spin the color wheel and slide the sliders to adjust your color and tap the star to save your new color in the palette.”
Price: $0.99

Conclusion

You should now be equipped to create fantastic color schemes for everything you design. We examined a variety of web apps, desktop apps and iPhone apps to get the job done in plethora of different ways. Let us know if you liked any of these applications and what comprises your personal color workflow!

29 Comments

  1. Rob says:

    Not enough. We need 50. No. 100! Maybe more.

  2. Cool, I especially like the ones where you upload an image and get a palette back. Any more of these ?

  3. designfollow says:

    very useful

    thank you

  4. carla says:

    Great list! I’m always looking for colors for my website and at the same time, keep it simple with plenty of white space. I wish I’ve known of these tools in the past though.

  5. Great list. I haven’t seen these before. Trying to create a color scheme for my personal website.

    Thanks for the list.

  6. Lali says:

    The last update at Daily Color Scheme was on September 20, 2006 … it’s a pitty!

  7. Great reference for the designers, definately will get my team to use them :)

  8. These are awesome, I’m always looking for new colour-ways so these are definitely going to come in handy. I already knew about Kular and Colourlovers but there are some really handy web design resources there.

    Ryan

  9. good article i will use this info for sure

  10. thanks these are great

  11. Great collection, thanks for sharing.

    No excuses now for not having a great color scheme ;)

  12. Normally I use ‘feeling’ and ‘experience’ but some schemes can be helpfull

  13. Great collection! Add Big Huge Labs — http://bighugelabs.com/colors.php — nice color scheme generator using your uploaded photo or URL, which will even generate sample CSS for you.

  14. Alyssa says:

    AWESOME post, guys!! I LOVE this!! I still think that ColourLovers should be listed at the top :) If you follow me @pixel8design on twitter, I tweet a lot showing my tweet deck color scheme.. most I pulled from ColourLovers! :) Oh and on colourlovers… I’m “nanochromaddict” hook up with me there, and don’t forget to say hi to “logochic”… she has some amazzzzzing schemes up there, too!

    Thanks for a great post. I’m a n00b when it comes to the design world, but when it comes to color… that’s something I tend to ADORE. Thanks for all the desktop and iPhone links, too!

    ColourLovers is STILL the best!

  15. Aremus says:

    Nice collection, thanks for sharing.

  16. priti says:

    Nice:-) I was looking for something like that only! Would also love to have one which also takes care of WCAG 2.0 color specifications? Color blindness support is there looking for contrast…

  17. Robin says:

    ColorImpact is missing! It is better than all this tools put together. http://www.tigercolor.com/

Leave Your Reply