इम्पोर्ट
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 कंट्रास्ट अनुपात। |