This is a very basic color. It comes in two sizes big and small. And only has one other option, onSelect, where you specify a function to call when the user selects a color. The colors are customizable, but it isn't super easy and will require some digging through the source. One important tip is to include one line of css to make it look decent. .colorPickerColor {padding: 5px;} that allows you to make the color cells as big or small as you see fit.
Here is the small color picker
example markup:
<p simpltry_widget="color_picker" simpltry_options="onSelect:
function(color){alert(color)}, size: 'small'">
</p>
Here is the large color picker
example markup:
<p simpltry_widget="color_picker" simpltry_options="onSelect:
function(color){alert(color)}">
</p>
The color picker builds a dynamic table. Simpltry tries to put css classes on different parts of the widget. Here are a list of the classes that you can use. For any information about which element these classes get placed on there is two things you have to do. First use Firefox and second install the firebug extension. That allows your to inspect your DOM after it has been built, not just the page source that gets downloaded.