basicPalette

basicPalette - Specifies an options object for configuration of the basic palette of the ColorPicker widget.


<input id="colorpicker" type="color" />

<script type="text/javascript">

     $(function () {
        $("#colorpicker").shieldColorPicker({
           basicPalette: {
                  columns: 6,
                  tileSize: {
                      width: 10,
                      height: 10
                  },
                  pallete: [
                            "#FFFFFF", "#FFCCCC", "#FFCC99", "#FFFF99", "#FFFFCC", "#99FF99", 
                            "#CCCCCC", "#FF6666", "#FF9966", "#FFFF66", "#FFFF33", "#66FF99", 
                            "#BBBBBB", "#FF0000", "#FF9900", "#FFCC66", "#FFFF00", "#33FF33", 
                            "#999999", "#CC0000", "#FF6600", "#FFCC33", "#FFCC00", "#33CC00", 
                            "#666666", "#990000", "#CC6600", "#CC9933", "#999900", "#009900", 
                            "#333333", "#660000", "#993300", "#996633", "#666600", "#006600", 
                            "#000000", "#330000", "#663300", "#663333", "#333300", "#003300"
                   ]
           },
           value: "#FFCCCC"
        });
     });

</script>