Welcome to ngx-prime-color-picker!

Our tool offers a vast palette of hues at your fingertips. Easily select the perfect color for your designs with precise controls and intuitive interface.

npm i ngx-prime-color-picker

Precise color selection, effortlessly.

Our tool offers a vast palette of hues at your fingertips. Easily select the perfect color for your designs with precise controls and intuitive interface.

Import

Import the module on your app.module.ts file as follow.

<ngx-prime-color-picker [showConversionTable]="true" [showLightness]="true" [showColorPalette]="true" [showGradient]="true" [showSaturation]="true"></ngx-prime-color-picker>

Then import the module as follow on imports array

import { NgxPrimeColorPickerComponent } from "ngx-prime-color-picker";


@Component({
  selector: '...',
  standalone: true,
  imports: [NgxPrimeColorPickerComponent],
  templateUrl: '...',
  styleUrl: '...'
})

Code integration

To use this package as a service npm i ngx-prime-color-picker install this on the root angular project .

Note: Don't forget to run this commend npm i ngx-prime-color-picker on root folder or else it will throw error.