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.