@3kles/kles-material-color-picker

Color picker standalone pour Angular Material 21 avec canal alpha, pipette de prélèvement à l'écran et Reactive Forms.

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { MaterialColorPickerComponent } from '@3kles/kles-material-color-picker';

readonly color = new FormControl('#6750a4cc', { nonNullable: true });

<kles-material-color-picker
    label="Couleur"
    outputFormat="hex8"
    alpha
    eyeDropper
    [formControl]="color"
/>

Les inputs publics utilisent input() et les événements utilisent output(). Le composant reconnaît #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb() et rgba().

Les textes nécessaires sont fournis par MaterialColorPickerIntl. Surcharge ce service au niveau de l'application pour choisir la langue ; la librairie utilise l'anglais par défaut et le signal input label est vide par défaut.