Angularjs directive for bootstrap-colorpicker library.
Demo page
Copy css/colorpicker.css, img/*.png and, lib/bootstrap-colorpicker.js, js/bootstrap-colorpicker-module.js. Add a dependency to your app, for instance: angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'colorpicker.module'])
Hex format
<input colorpicker class="span2" value="" type="text" ng-model="your_model" />or
<input colorpicker="hex" class="span2" value="" type="text" ng-model="your_model" />RGB format
<input colorpicker="rgb" class="span2" value="" type="text" ng-model="your_model" />RBGA format
<input colorpicker="rgba" class="span2" value="" type="text" ng-model="your_model" />As component
<colorpicker input-name="foo" input-class="span2" color-format="hex" ng-model="componentPicker"></colorpicker>As non input element
<div colorpicker class="span2" data-color="initial_colorcode" ng-model="your_model"></div>