jscolor

Submitted script - Author: jscolor.com

About

This great script from jscolor.com makes it easy for your users to pick colors for input fields on your web page/web application.

When the input field receives focus, a color palette will appear below it. Now, you can choose to type in the color value as before, or you can set it by clicking on the palette.

Also notice that background color of the input field will change according to your color value. It's also nice to see that if you choose a dark color, the text color will change from black to white.

Setup

The installation is very easy. All you have to do is to add a SCRIPT tag where you refer to jscolor.js and then assign your input fields to the class "color".

Example:

<script type="text/javascript" src="jscolor/jscolor.js"></script>
<input class="color">

Demo

This is how it looks when I implement the code above:

Download script

You can download this script and see more demos at jscolor.com.