Skip to content
Shapemetry

@huukhanhnguyen/geometry / catalog/colorValue

catalog/colorValue

Color

const Color: { alpha: (color, value) => string; contrast: (background, dark, light) => string; darken: (color, fraction) => string; hsl: (hue, saturation, lightness) => string; lighten: (color, fraction) => string; luminance: (color) => number; mix: (from, to, fraction) => string; rgb: (red, green, blue) => string; rotate: (color, degrees) => string; saturate: (color, amount) => string; }

alpha

alpha: (color, value) => string

Parameters

color

unknown

value?

number = 1

Returns

string

contrast

contrast: (background, dark, light) => string

Parameters

background

unknown

dark?

unknown = "#111111"

light?

unknown = "#ffffff"

Returns

string

darken

darken: (color, fraction) => string

Parameters

color

unknown

fraction?

number = 0.1

Returns

string

hsl

hsl: (hue, saturation, lightness) => string

Parameters

hue

unknown

saturation?

unknown = 0.7

lightness?

unknown = 0.5

Returns

string

lighten

lighten: (color, fraction) => string

Parameters

color

unknown

fraction?

number = 0.1

Returns

string

luminance

luminance: (color) => number

Parameters

color

unknown

Returns

number

mix

mix: (from, to, fraction) => string

Parameters

from

unknown

to

unknown

fraction?

number = 0.5

Returns

string

rgb

rgb: (red, green, blue) => string

Parameters

red

unknown

green

unknown

blue

unknown

Returns

string

rotate

rotate: (color, degrees) => string

Parameters

color

unknown

degrees?

number = 30

Returns

string

saturate

saturate: (color, amount) => string

Parameters

color

unknown

amount?

number = 0.25

Returns

string


alpha()

alpha(color, value?): string

Parameters

color

unknown

value?

number = 1

Returns

string


contrast()

contrast(background, dark?, light?): string

Parameters

background

unknown

dark?

unknown = "#111111"

light?

unknown = "#ffffff"

Returns

string


darken()

darken(color, fraction?): string

Parameters

color

unknown

fraction?

number = 0.1

Returns

string


hsl()

hsl(hue, saturation?, lightness?): string

Parameters

hue

unknown

saturation?

unknown = 0.7

lightness?

unknown = 0.5

Returns

string


lighten()

lighten(color, fraction?): string

Parameters

color

unknown

fraction?

number = 0.1

Returns

string


luminance()

luminance(color): number

Parameters

color

unknown

Returns

number


mix()

mix(from, to, fraction?): string

Parameters

from

unknown

to

unknown

fraction?

number = 0.5

Returns

string


rgb()

rgb(red, green, blue): string

Parameters

red

unknown

green

unknown

blue

unknown

Returns

string


rotate()

rotate(color, degrees?): string

Parameters

color

unknown

degrees?

number = 30

Returns

string


saturate()

saturate(color, amount?): string

Parameters

color

unknown

amount?

number = 0.25

Returns

string

Last updated: 📖 4 min readEdit on GitHub