ngx-color-selector provides a simple interface to choose from a predefined set of colors.

ngx color picker, color picker angular example, npm color picker angular, =how to use color picker in angular, best angular color picker, ngx color picker reactive form

How to make use of it:

Installation:

npm install --save @bytelabsco/ngx-color-selector

1. Import BytelabsColorSelectorModule into your app module:

import { NgModule } from '@angular/core';

// ... Other imports

import { BytelabsColorSelectorModule } from '@bytelabsco/ngx-color-selector';

@NgModule({
    imports: [
    // ...
    BytelabsColorSelectorModule
    ],
    /...
})
export class AppModule {}

2. In your component, set up a variable to store your color:

import { Component } from '@angular/core';

import { IColor } from '@bytelabsco/ngx-color-selector';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {

    public currentColor: IColor = {
        hex: "#000"
    }
}

3. In your template, use the component:

<bytelabs-color-selector [(color)]="currentColor"></bytelabs-color-selector>

color picker selector angular component, ngx-color-selector Plugin/Github

See Demo And Download

Official Website(bytelabsco): Click Here

This superior jQuery/javascript plugin is developed by bytelabsco. For extra advanced usage, please go to the official website.