Needless UI

Components

Color picker

Launi a OKLCH, da sliders, samfuran launi, eyedropper da gwajin bambancin launi.

Shigo da shi

import-color-picker.ts
import { NuiColorPicker, nuiParseColor } from '@needless-ui/angular/color-picker';

NuiColorPicker

Mai zaɓar launi a OKLCH.

Selector
nui-color-picker
SunaIriNa asaliBayani
valueHanya biyustring''Launin, a rubuce a tsarin da aka zaɓa. Babu komai har sai an zaɓi launi.
formatHanya biyu'hex' | 'rgb' | 'hsl' | 'oklch' | 'p3''hex'Yadda ake rubuta ƙimar.
formatsInputNuiColorFormat[]hex, rgb, hsl, oklchTsare-tsaren da maɓallin tsari ke bi ɗaya bayan ɗaya.
gamutInput'srgb' | 'p3''srgb'Launukan da akwatin ke ɗauke da su: sRGB, ko Display P3.
alphaInputbooleantrueYana nuna slider na opacity.
swatchesInputNuiColorSwatch[][]Launukan da za a zaɓa daga ciki, da sunayensu.
contrastWithInputstringBangon da za a duba bambancin launi da shi.
eyeDropperInputbooleantrueYana nuna eyedropper, inda burauza ke da shi.
disabledInputbooleanfalseBa za a iya canza shi ba.
labelsInputPartial<NuiColorPickerLabels>Kowane rubutu da yake nunawa ko sanarwa, don fassarawa.
colorKadaraSignal<NuiColor>Launin da aka zaɓa, a OKLCH.

Helpers

Functions don launuka.

SunaIriNa asaliBayani
nuiParseColorMethod(text: string) => NuiColor | nullYana karanta launi da aka rubuta ta kowace hanyar CSS.
nuiFormatColorMethod(color, format?) => stringYana rubuta launi a wani tsari.
nuiToGamutMethod(color, gamut?: 'srgb' | 'p3') => NuiColorYana shigar da launi cikin sRGB ko Display P3, kamar yadda CSS ke yi.
nuiContrastMethod(color, background) => numberRabon bambancin launi na WCAG 2 na launi a kan bango.