Blending overview

Added in v0.1.0

Table of contents

• model
  • BlendMode (type alias)
• utils
  • blend
  • multiply
  • overlay
  • screen

model

BlendMode (type alias)

Signature

export type BlendMode = 'multiply' | 'screen' | 'overlay'

Added in v0.1.0

utils

blend

Blend two colors with a specified blend mode. The first color is the background color, the second one is the foreground color. The resulting alpha value is calculated as arithmetic mean.

Signature

export declare const blend: (mode: BlendMode) => (a: Color) => (b: Color) => Color

Added in v0.1.0

multiply

Signature

export declare const multiply: (a: HSLA) => (b: HSLA) => HSLA

Added in v0.1.0

overlay

Signature

export declare const overlay: (a: HSLA) => (b: HSLA) => HSLA

Added in v0.1.0

screen

Signature

export declare const screen: (a: HSLA) => (b: HSLA) => HSLA

Added in v0.1.0