Here you can test the different properties and the functionality of ColorPicker.XML. Please, scroll the page down to take a look at the color presets and how to assign custom functions to the color pickers.
This example demonstrates the Default Color Preset of ColorPicker.XML with attached custom function that changes the font color of a <div />
This example demonstrates the WebSafe 16 Color Preset of ColorPicker.XML with attached custom function that changes the background color of a <div />
This example demonstrates the GrayScale 16 Color Preset of ColorPicker.XML with attached custom function that changes the border color of a <div />