ఇంపోర్ట్
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 కాంట్రాస్ట్ నిష్పత్తి. |