ng-colorpicker

Simple and lightweight colorpicker component for angular2

• no third-party dependencies
• simple for use

##USAGE

1. install package via npm ``` npm install ng-colorpicker

2. Import `ColorPicker` component in `app.module.ts`
  ```ts
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { ColorPicker } from 'ng-colorpicker/ng-colorpicker';

  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      Appcomponent,
      ColorPicker
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule {}

3. Use <app-colorpicker> in app.component.html

   <app-colorpicker  (color)="func($event)"></datepicker>

and get color parametres in func()

##Output Data $event returns JSON object with RGB and Hex colors codes for every single channel. For example

{
        "hexcolor": {
          "Rhex": "FF",
          "Ghex": "FF",
          "Bhex": "FF"
        },
        "rgbcolor": {
          "R": 255,
          "G": 255,
          "B": 255
        }
      }