Types

ColorSpace

Color spaces supported by Spectrum constructor.

export type ColorSpace = 'hex' | 'hsl' | 'hwb' | 'rgb';

A string of a CSS named color, such as 'red', 'blue', 'black' or 'lightseagreen'.
Can be used to initialize a Spectrum instance.

type CssNamedColor = "aliceblue" | "antiquewhite" | "aqua" | ... 145 more ... | "yellowgreen"

An HSL object that represents a color in the HSLA (Hue, Saturation, Lightness, Alpha) color space.

Key	Description	Type	Valid range
`h`	Hue (color tone)	`number`	`[0; 360]`
`s`	Saturation (color intensity)	`number`	`[0; 1]`
`l`	Lightness (brightness)	`number`	`[0; 1]`
`a`	Alpha channel (opacity)	`number`	`[0; 1]`

type HslObj = {
  h: number;
  s: number;
  l: number;
  a: number;
};

An HWB object that represents a color in the HWB (Hue, Whiteness, Blackness, Alpha) color model.

Key	Description	Type	Valid range
`h`	Hue (color tone)	`number`	`[0; 360]`
`w`	Whiteness	`number`	`[0; 1]`
`b`	Blackness	`number`	`[0; 1]`
`a`	Alpha channel (opacity)	`number`	`[0; 1]`

type HwbObj = {
  h: number;
  w: number;
  b: number;
  a: number;
};

An RGB object that represents a color in the RGBA (Red, Green, Blue, Alpha) color space.

Key	Description	Type	Valid range
`r`	Red	`number`	`[0; 255]`
`g`	Green	`number`	`[0; 255]`
`b`	Blue	`number`	`[0; 255]`
`a`	Alpha channel (opacity)	`number`	`[0; 1]`

type RgbObj = {
  r: number;
  g: number;
  b: number;
  a: number;
};