I used the bootstrap-color picker plugin from the Bootstrap library and it was amazingly very easy to use. Sugar adds this library when the application loads and I just had to call the color picker functions on the particular element.
- <div class=“input-append color” data-color=“rgb(255, 146, 180)” data-color-format=“rgb”>
- <input type=“text” class=“span2” value=“” >
- <span class=“add-on”><i style=“background-color: rgb(255, 146, 180)”></i></span>