UI elements


Angular 2 Color Picker by Alberplz

An MIT component that is no longer maintained. It has been left with 50 issues mostly related to errors. The same author created the Angular Colopicker Directive. Component sibling to ngx-color-picker.

Project website https://github.com/Alberplz/angular2-color-picker

Documentation Docs / Github

License MIT


  1. Angular color picker directive demo http://alberplz.github.io/angular2-color-picker/examples/index.html


“@angular/common”: “~2.4.0”,
“@angular/core”: “~2.4.0”,
“@angular/platform-browser”: “~2.4.0”,
“rxjs”: “5.0.1”,
“zone.js”: “^0.7.4”



npm i angular2-color-picker


  • possible output formats: ‘hsla’, ‘hex’, ‘rgba’
  • possible alpha channel settings: disabled, hex6, hex8
  • setting up the display dialog options to inline or popup
  • setting un an array of ignored HTML elements
  • setting up the color picker position (top, bottom, left, right) and offset
  • setting up dimentions (height, width) for the color picker container
  • setting up preset colors
  • .. basically everything that is supported by ngx-color-picker

You may also like...