Class Color

constructor

• new Color(
      r: number,
      g: number,
      b: number,
      alpha?: number,
      premultiplied?: boolean,
  ): Color

  Parameters

  • r: number

    Red component premultiplied by alpha 0..1

  • g: number

    Green component premultiplied by alpha 0..1

  • b: number

    Blue component premultiplied by alpha 0..1

  • Optionalalpha: number

    Alpha component 0..1

  • Optionalpremultiplied: boolean

    Whether the r, g and b values have already been multiplied by alpha. If true nothing happens if false then they will be multiplied automatically.

  Returns Color

Readonlya

Readonlyb

Readonlyg

Readonlyr

Staticblack

Staticred

Statictransparent

Staticwhite

hcl

• get hcl(): HCLColor

  Used in color interpolation.

  Returns HCLColor

  Gien color, with reversed alpha blending, in HCL color space.

lab

• get lab(): LABColor

  Used in color interpolation.

  Returns LABColor

  Gien color, with reversed alpha blending, in LAB color space.

rgb

• get rgb(): RGBColor

  Used in color interpolation and by 'to-rgba' expression.

  Returns RGBColor

  Gien color, with reversed alpha blending, in sRGB color space.

toString

• toString(): string

  Used by 'to-string' expression.

  Returns string

  Serialized color in format rgba(r,g,b,a) where r,g,b are numbers within 0..255 and alpha is number within 1..0

  Example

  var purple = new Color.parse('purple');
  purple.toString; // = "rgba(128,0,128,1)"
  var translucentGreen = new Color.parse('rgba(26, 207, 26, .73)');
  translucentGreen.toString(); // = "rgba(26,207,26,0.73)"
  

Staticinterpolate

• interpolate(
      from: Color,
      to: Color,
      t: number,
      spaceKey?: InterpolationColorSpace,
  ): Color

  Parameters

  • from: Color
  • to: Color
  • t: number
  • OptionalspaceKey: InterpolationColorSpace

  Returns Color

Staticparse

• parse(input: string | Color | null | undefined): Color | undefined

  Parses CSS color strings and converts colors to sRGB color space if needed. Officially supported color formats:

  • keyword, e.g. 'aquamarine' or 'steelblue'
  • hex (with 3, 4, 6 or 8 digits), e.g. '#f0f' or '#e9bebea9'
  • rgb and rgba, e.g. 'rgb(0,240,120)' or 'rgba(0%,94%,47%,0.1)' or 'rgb(0 240 120 / .3)'
  • hsl and hsla, e.g. 'hsl(0,0%,83%)' or 'hsla(0,0%,83%,.5)' or 'hsl(0 0% 83% / 20%)'

  Parameters

  • input: string | Color | null | undefined

    CSS color string to parse.

  Returns Color | undefined

  A Color instance, or undefined if the input is not a valid color string.