Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

ColorToy 2.0 is a Flash based color scheme generator and picker. It generates complementary color schemes based on your inputted color values or randomly. There are three ways to use ColorToy.

color-toy.png

1. Enter a RGB value. e.g. 211,21,52 and hit “Submit RGB”. ColorToy 2.0 will then generate your complementary color scheme.
2. Enter a HEX value e.g. #c0ffee and hit “Submit Hex”. ColorToy 2.0 will then generate your complementary color scheme based on your HEX value.
3. Hitting “Random” will generate a random color and associated complementary color scheme. Go on, give it a click.

You can also check out the collection of other useful Color Scheme Generators we have mentioned on WebAppers a while ago.

Requirements: -
Demo: http://www.defencemechanism.com/color/
License: License Free

There are many types of color pickers, now we have one more option. COLOURlovers found that web developers needed to have a more advanced color picker to work inside the application… and since COPASO is built with DHTML it was easy enough to pull out the picker to use on the other creation pages of websites. They have modularized the color picker code and offer it to others to use on their own sites and projects. So here is the code to get the Free Advanced DHTML Color Picker working on your site for free.

color-picker.png

Requirements: -
Demo: http://www.colourlovers.com/blog/2008/01/16/free…
License: License Free

COPASO is an advanced color palette tool that helps you create the perfect color schemes and themes. With a scratch pad to save colors you’re working with, a photo tool to extract colors and an advanced color picker and color theory wheel to give you tons of color inspiration.

Using COPASO you can save your palettes to a private folder or download them to your local computer. When you’re ready, click publish and share your color palette with thousands of other color enthusiasts. This tool is very easy to use and it has all the necessary functions for color lovers. You can easily build a really nice color schemes for your websites.

color-palette.png

Requirements: -
Demo: http://www.colourlovers.com/copaso
License: License Free

The Color Wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

It returns a set of hue, saturation and tint/shade variations of your color, as well as suggests color schemets to you, based on your color’s complementary color, split complementary colors, analogous colors and other variations. The Color Wizard also has a randomize function that lets you generate color schemes you might not have thought of on your own.

color-wizard.png

The first version of the Color Wizard was completed back in 2000 as an ASP application. With version 3, it has been converted to a flash based application.

Requirements: No Requirements
Demo: http://www.colorsontheweb.com/colorwizard.asp
License: License Free

There are tons of color pickers out there. The main difference in Photoshop-Like Javascript Color Picker is that it has all 6 picking options (H,S,V,R,G,B) not just Hue. To create the color mixing, the larger map is made of two layers and the vertical slider has four layers (two are used for H, S, or B; four layers for R, G, or B). Some others pickers use this method for a hue map, but don’t include the other maps (S,V,R,G,B).The JavaScript is made up of some color methods, a slider control, a handler for input, and the ColorPicker object to put it all together.

color-picker.png

Requirements: IE5.5, IE6, IE7, FF2, Opera 9, Safari 2
Demo: http://johndyer.name/lab/colorpicker/
License: License Free

Being a typical guy, Chirag Mehta have no clue what the colors Lavender and Mauve look like. You can show him Indigo and he won’t know if it’s more like Violet or Purple. So he made this little app called Name that Color where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color. I did not realise there are so many colors you can actaully call them until I saw Name that Color…If you want to incorporate the same facility into your website or project, you may download a copy and use it as you wish.

name-that-color.png

Requirements: Modern Browsers with Javascript Enabled
Demo: http://chir.ag/phernalia/name-that-color/
License: Creative Commons License

colorloverslogo.gifCOLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color - whether for ad campaigns, product design, or even in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.

The COLOURlovers™ community is regularly updated with information and examples of the way colors are used in the real world — along with news articles on color trends and interviews with top creative professionals.

colorlovers.gif

Requirements: No Requirements
Demo: http://www.colourlovers.com
License: License Free

Do you want to build your own color schemer? Do you want to put a color picker in your web application? ColorJack DHTML Color Picker is the best choice. Users can simply click on the color picker to choose their favourite color. Also, users can drag the color picker to where they want it to be. They can even close it easily by clicking on the “X” symbol at the top right hand corner. It’s licenced under Creative Commons, so you are free to use or modify the DHTML Color Picker on your own project.

colorpicker.jpg

If you like this, you might want to use ColorJack Sphere Color Picker as well. However, this version is not compatiable with Internet Explorer at the moment. Therefore, there is no download-able package at the moment.

colorpicker2.jpg

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://www.colorjack.com/plugin/
License: Creative Commons

Kuler let us create and share themes easily. You can also get some feedback from other users. Kuler has a desktop version as well which is developed by using Apollo, that means you can browse the color themes while you are offline as well. Get in and feel the power of Kuler.

kuler.gif

Requirements: No Requirements
Demo: http://kuler.adobe.com
License: License Free

Color SchemerColor Schemer has created a Scheme Gallery which let us browse for new color scheme ideas, search for schemes containing a particular color. It is great for when a client gives you a color and you need a matching scheme in a hurry. We can have our FREE account to upload, manage and share your color schemes. Build your own color scheme database and show your schemes to clients or collegues to make deciding on a color scheme a breeze. You can also add your favorite schemes in the Gallery to your personalized color scheme Favorites list.

colorschemer.gif

Requirements: No Requirements
Demo: http://www.colorschemer.com/schemes
License: License Free