February 6, 2006

20 Web-based Color Tools

Filed under: Web Design, Color | Lindsay @ 11:02 pm

Feeling grey today? Need a little color inspiration for that new web design? Here’s a list of 20 color palette tools and generators that will help you color your world (or at least your web pages) a little brighter.

Well Styled - Color Generator 2
This is one of my favorites to play with. I really like the way it is laid out and organized. Click on a color on the color wheel to have it generate a palette for you. There are controls for four different color relationships to experiment with as well as several different saturations, and even a checkbox to only show “web safe” colors and display the colors as viewed by people with different types of color vision disorders. There’s no way to export the palette but you can grab a permalink to it.
Colr.org
This one wins the award for tool you can lose the most time playing with. Its kind of like a socialware site for colors. A picture is displayed at the top of the page that you can change if you desire. You can grab a random color or a random palette from the image and then tag the color or palette. There’s also a running list of recently added/tagged palettes that you can select and add more tags to. And, of course, you can look up palettes by tags as well. Its total fun for the folksonomy addict.
NetCocktail
More of a place for inspiration than generation… This site looks at popular and “well designed” sites and creates a profile of their color palettes. Some interesting browsing and tangents to follow.
Return of Design - Web Color Schemes
Not as flashy as NetCocktail but also a repository of web schemes from popular and well designed websites. You can click on the palette in the list to get more detail and scheme variations. This page is part of a blog that has some other good design and color information.
Color Blender
This is another one of my favorites that I use a good bit. You enter two hex values and choose a number of stops and it will generate a list of that many the colors in between the original values. This is really invaluable when you have a color you need to make a little lighter or darker, just choose black or white as the second color.
Style Phreak - Color Match Redux
Simple, but handy, 9 color palette generator from either an RGB Slider or by entering a hex value. Palettes are exportable to Photoshop, Illustrator or plain text.
ColorCombos.com
This site has a “combo tester” where you can play with colors to come up with a pleasing palette, as well as a tool that will take a url and pull the predominant colors from it to construct a palette and also a library of all the palettes that have been generated or “lifted” on the site. You can also subscribe to the palettes as they are generated by RSS and search by tag.
Spin the Color Wheel
Gamble with your colors… Spin the wheel to select random colors which you can then “hold” or not and spin again. When you’ve found 3 you like, choose what they’d be used for on your web page and then see a preview of your new combination. Fun! Wish you could pick more than 3 though.
Color Wheel
Color Wheel generates sets of colors to use in a color scheme using a number of standard methods: Red/Green/Blue, Angle, and Tint/Shade.
Color Whore
Self proclaimed “Directory of nice colors”. You can browse colors that people have added and classified by main color family and saturation.
Color Blender
Create “blends” with a set of sliders and export them to Photoshop, Illustrator or email it to yourself. There are also tools to do Pantone matches.
Red Alt: I Like Your Colors
Enter a URL and it extracts the colors and their hex codes from the CSS stylesheet that was referenced as well as including a link to the file that it pulled the colors from.
Steel Dolphin Color Scheme Tool
Flash tool that generates a 5-color palette from the “seed” hex code you provide or by adjusting several different sliders.
Color Palette Generator
This tool lets you upload an image and generates a palette for you based on the colors that are predominant in the image. You can’t upload anything larger than 15K. You can also choose from other images/palettes that have already been uploaded. Nice tool.
Color Schemer Online v2
A 16-color palette explorer that I haven’t quite figured out yet. It’s not very clear how the colors relate to each other and 16 of them at about the same intensity is a little too much for a viable scheme, but here it is never-the-less.
Color Schemer Gallery
This site is related to the tool above. It is a gallery of schemes that have been created and uploaded by users of the Color Schemer software. Some nice schemes to browse through here, organized by tags. If you have the software you can download the schemes to use in your projects.
4096 Color Wheel
This site allow you to hover over a color wheel and displays the web-safe, “web-smart” and unsafe hex versions of the color. Clicking on the wheel records the color to the palette on the left which can be saved as an image as export.
Color Selector
This page is a bit confusing but useful once you get the hang of it. Mousing over the numbers on the left side controls the background color. The right side controls the font color. The hex character positions are represented vertically on the page. The page referenced shows web-safe 216 colors, but there is also a page to play with 16 million colors.
VisiBone Webmaster’s Color Lab
Simple tool that lets you click on colors in the wheel to the top left and displays them to the right with all their information such as hex and RGB values. You can keep clicking on items until you’ve got a suitable scheme.
CSS Color Chart
Not so much a tool as a very handy reference. Lists the name, hex value and displays the color for all the “predefined” colors you can use with CSS. Definitely useful.

And as a bonus, here’s a few color web toys that I like to play with. They’re not really useful tools but good inspiration or just fun!

Etsy’s #Goods
A flash site that pulls up pictures of Etsy’s merchandise by color.
Color Quiz
This is a personality quiz where you pick the colors you’re most attracted to. I have taken it at several different points in my life and been amazed at how accurately it assessed my situation and mood. Definitely worth checking out.
Colorstrology
Similar to Astrology (and probably with as much credibility), this site analyzes your personality by your birthdate and the color supposedly associated with it. Maybe silly, but still interesting.
Squared Circle Colr Pickr
A nice Flicker based Flash app that pulls up pictures from the “Squared Circle” group that match the color you pick on the color wheel. A good way to kill some time browsing.

Enjoy!

» » » » » »
, , , , ,