https://usssa.com/js/directives/uiColorpicker.js

1usssa.directive('uiColorpicker', function() {
2    return {
3        restrict: 'E',
4        require: 'ngModel',
5        scope: false,
6        replace: true,
7        template: "<span><input class='input-small' /></span>",
8        link: function(scope, element, attrs, ngModel) {
9            var input = element.find('input');
10            var options = angular.extend({
11                color: ngModel.$viewValue,
12                change: function(color) {
13                    scope.$apply(function() {
14                      ngModel.$setViewValue(color.toHexString());
15                    });
16                }
17            }, scope.$eval(attrs.options));
18            
19            ngModel.$render = function() {
20              input.spectrum('set', ngModel.$viewValue || '');
21            };
22            
23            input.spectrum(options);
24        }
25    };
26});