इम्पोर्ट
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 कॉन्ट्रास्ट गुणोत्तर. |