ಇಂಪೋರ್ಟ್
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 | ಅಪಾರದರ್ಶಕತೆಯ (opacity) ಸ್ಲೈಡರ್ ತೋರಿಸುತ್ತದೆ. |
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 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ. |