இம்போர்ட்
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 கான்ட்ராஸ்ட் விகிதம். |