HOME   SITEMAP   CONTACT   NEWS   BLOG
Search
 Home / JavaScript / ColorPicker Control


JavaScript ColorPicker Control


The ColorPicker lets users easily select valid color codes. No Java or plug-in needed.

Screenshots:

The input field:

The input field

Using the "colorizeBackground" feature:
The input field

Different button icon:
The input field

 Photoshop-like color selector:

Photoshop-like color selector
 
Choose a web-safe colour:

Choose a web-safe colour 		Save colors to pick them again later:

Save colors to pick them again later

Features:

  • Color window like in Photoshop (ie only)
  • Define color by rgb (red green blue)
  • Define color by hsb (hue saturation brightness)
  • Define color by hex code (aka html code)
  • Pick one of the 216 so-called "web safe" colors
  • Store colors into the "My Colors" tab
  • Use your own button icon (to open the picker) if you want
  • colorizeBackground: the background of the input field automatically has the current color.
  • Attach onBeforeChange() and onAfterChange() events
  • Compatibility: Non-ie/mozilla browsers will still have the input field, but no picker. They can still type in color codes.

Examples:


Requirements:

  • Internet Explorer 6 for all features. Mozilla works but has no color picker ala photoshop.
  • Other browsers will still have the field, and won't freak out. But no picker.

Download:

This component ships with the full "BlueShoes Framework" package, the "BlueShoes JavaScript" package and the "BlueShoes JavaScript ColorPicker" package. See the download page.


Documentation

API-Doc


License:

Available with
  • BlueShoes "developer basic" license
  • BlueShoes commercial licenses
Check the license overview page for details.