A straight up Angular color picker. No jQuery/Bootstrap dependencies.
<script src='./ng-picky.js'></script>
<script src='./ng-picky.css'></script>
...
<div ng-app="myApp" ng-controller="ngPicky">
<div class='what_you_want_to_change' style='background:{{color | toHex}};'></div>
<picker color="color"></picker>
angular.module('myApp', ['ngPicky'])
bower install ng-picky
npm install ng-picky
The picker directive will assign color values to whatever is passed into the color attribute. These values will take the form of color objects.
The color objects can then be converted into a range of different formats
color.toRGB();
color.toHSL();
color.toHex();
color.toUnprefixedHex();
Or with one of the filters
{{ color | toRGB }}
{{ color | toHSL }}
{{ color | toHex }}
{{ color | toUnprefixedHex }}
Calling the internal method will be faster than the filters in most cases, as the dirty checking won't need to call the function twice.