ایمپورت
import { NuiColorPicker, nuiParseColor } from '@needless-ui/angular/color-picker';NuiColorPicker
یک انتخابگر رنگ در OKLCH.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
valueدوطرفه | string | '' | رنگ، نوشتهشده در قالب انتخابشده. تا وقتی رنگی انتخاب نشود، خالی است. |
formatدوطرفه | 'hex' | 'rgb' | 'hsl' | 'oklch' | 'p3' | 'hex' | اینکه مقدار چطور نوشته شود. |
formatsورودی | NuiColorFormat[] | hex, rgb, hsl, oklch | قالبهایی که دکمهٔ قالب میانشان میچرخد. |
gamutورودی | 'srgb' | 'p3' | 'srgb' | رنگهایی که ناحیه در بر دارد: sRGB یا Display P3. |
alphaورودی | boolean | true | اسلایدر شفافیت را نشان میدهد. |
swatchesورودی | NuiColorSwatch[] | [] | رنگهایی برای انتخاب، همراه با نام. |
contrastWithورودی | string | پسزمینهای که کنتراست با آن سنجیده میشود. | |
eyeDropperورودی | boolean | true | قطرهچکان را نشان میدهد، جایی که مرورگر آن را دارد. |
disabledورودی | boolean | false | قابل تغییر نیست. |
labelsورودی | Partial<NuiColorPickerLabels> | همهٔ متنهایی که نشان میدهد یا اعلام میکند، برای ترجمه. | |
colorویژگی | Signal<NuiColor> | رنگ انتخابشده، در OKLCH. |
Helpers
توابعی برای رنگها.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
nuiParseColorمتد | (text: string) => NuiColor | null | رنگی را که به هر شیوهٔ CSS نوشته شده باشد میخواند. | |
nuiFormatColorمتد | (color, format?) => string | رنگی را در یک قالب مینویسد. | |
nuiToGamutمتد | (color, gamut?: 'srgb' | 'p3') => NuiColor | رنگی را همانطور که CSS انجام میدهد، به گسترهٔ sRGB یا Display P3 میآورد. | |
nuiContrastمتد | (color, background) => number | نسبت کنتراست WCAG 2 یک رنگ روی یک پسزمینه. |