API du composant Sélecteur de couleur

Import

import-color-picker.ts

import { NuiColorPicker, nuiParseColor } from '@needless-ui/angular/color-picker';

Un sélecteur de couleur en OKLCH.

NuiColorPicker: Propriétés
Nom	Type	Par défaut	Description
`value`Bidirectionnel	`string`	`''`	La couleur, écrite dans le format. Vide tant qu’aucune n’est choisie.
`format`Bidirectionnel	`'hex' \| 'rgb' \| 'hsl' \| 'oklch' \| 'p3'`	`'hex'`	La façon dont la valeur est écrite.
`formats`Input	`NuiColorFormat[]`	`hex, rgb, hsl, oklch`	Les formats que parcourt le bouton de format.
`gamut`Input	`'srgb' \| 'p3'`	`'srgb'`	Les couleurs que contient la zone : sRGB ou Display P3.
`alpha`Input	`boolean`	`true`	Affiche le curseur d’opacité.
`swatches`Input	`NuiColorSwatch[]`	`[]`	Des couleurs à choisir, avec leur nom.
`contrastWith`Input	`string`		Un fond sur lequel vérifier le contraste.
`eyeDropper`Input	`boolean`	`true`	Affiche la pipette, si le navigateur en a une.
`disabled`Input	`boolean`	`false`	Il ne peut pas être modifié.
`labels`Input	`Partial<NuiColorPickerLabels>`		Tous les textes qu’il annonce, à traduire.
`color`Propriété	`Signal<NuiColor>`		La couleur choisie, en OKLCH.

Des fonctions pour les couleurs.

Helpers: Propriétés
Nom	Type	Description
`nuiParseColor`Méthode	`(text: string) => NuiColor \| null`	Lit une couleur dans n’importe quelle syntaxe CSS.
`nuiFormatColor`Méthode	`(color, format?) => string`	Écrit une couleur dans un format.
`nuiToGamut`Méthode	`(color, gamut?: 'srgb' \| 'p3') => NuiColor`	Ramène une couleur dans sRGB ou Display P3, comme le fait CSS.
`nuiContrast`Méthode	`(color, background) => number`	Le rapport de contraste WCAG 2 d’une couleur sur un fond.