Options
All
  • Public
  • Public/Protected
  • All
Menu

Module "cosine-gradients"

Index

Type aliases

GradientPresets

GradientPresets: Record<"blue-cyan" | "blue-magenta-orange" | "blue-white-red" | "cyan-magenta" | "green-blue-orange" | "green-cyan" | "green-magenta" | "green-red" | "heat1" | "magenta-green" | "orange-blue" | "orange-magenta-blue" | "purple-orange-cyan" | "rainbow1" | "rainbow2" | "rainbow3" | "rainbow4" | "red-blue" | "yellow-green-blue" | "yellow-magenta-cyan" | "yellow-purple-magenta" | "yellow-red", CosGradientSpec>

Functions

Const cosineCoeffs

  • cosineCoeffs(from: ArrayLikeIterable<number>, to: ArrayLikeIterable<number>): [Tuple<number, 4>, Tuple<number, 4>, [number, number, number, number], [number, number, number, number]]
  • Returns coefficients to produce a cosine gradient between the two given RGBA colors.

    Parameters

    • from: ArrayLikeIterable<number>

      start color

    • to: ArrayLikeIterable<number>

      end color

    Returns [Tuple<number, 4>, Tuple<number, 4>, [number, number, number, number], [number, number, number, number]]

Const cosineColor

Const cosineGradient

Const multiCosineGradient

  • Multi-color cosine gradient generator using RGBA color stops. Returns an array of n+1 color samples.

    example
    multiCosineGradient(
      // num colors to produce
      10,
      // gradient stops (normalized positions)
      [0.1, [1, 0, 0, 1]], [0.5, [0, 1, 0, 1]], [0.9, [0, 0, 1, 1]]
    )

    {@link @thi.ng/transducers#tween}

    Parameters

    • num: number

      number of color steps to produce

    • Rest ...stops: [number, ReadonlyColor][]

      gradient stops

    Returns Color[]

Object literals

Const GRADIENTS

GRADIENTS: object

blue-cyan

blue-cyan: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0, 0.5, 0.5, 1],[0, 0.5, 0.5, 0],[0, 0.5, 0.3333, 0],[0, 0.5, 0.6666, 0],]

blue-magenta-orange

blue-magenta-orange: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.938, 0.328, 0.718, 1],[0.659, 0.438, 0.328, 0],[0.388, 0.388, 0.296, 0],[2.538, 2.478, 0.168, 0],]

blue-white-red

blue-white-red: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.66, 0.56, 0.68, 1],[0.718, 0.438, 0.72, 0],[0.52, 0.8, 0.52, 0],[-0.43, -0.397, -0.083, 0],]

cyan-magenta

cyan-magenta: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.61, 0.498, 0.65, 1],[0.388, 0.498, 0.35, 0],[0.53, 0.498, 0.62, 0],[3.438, 3.012, 4.025, 0],]

green-blue-orange

green-blue-orange: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.892, 0.725, 0, 1],[0.878, 0.278, 0.725, 0],[0.332, 0.518, 0.545, 0],[2.44, 5.043, 0.732, 0],]

green-cyan

green-cyan: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0, 0.5, 0.5, 1],[0, 0.5, 0.5, 0],[0, 0.3333, 0.5, 0],[0, 0.6666, 0.5, 0],]

green-magenta

green-magenta: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.6666, 0.5, 0.5, 1],[0.5, 0.6666, 0.5, 0],[0.6666, 0.666, 0.5, 0],[0.2, 0, 0.5, 0],]

green-red

green-red: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0, 1],[0.5, 0.5, 0, 0],[0.5, 0.5, 0, 0],[0.5, 0, 0, 0],]

heat1

heat1: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.4, 0.25, 1],[0.5, 0.5, 0.666, 0],[0.5, 0.666, 0.8, 0],[0.5, 0.666, 0.8, 0],]

magenta-green

magenta-green: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.59, 0.811, 0.12, 1],[0.41, 0.392, 0.59, 0],[0.94, 0.548, 0.278, 0],[-4.242, -6.611, -4.045, 0],]

orange-blue

orange-blue: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[0.5, 0.5, 0.5, 0],[0.8, 0.8, 0.5, 0],[0, 0.2, 0.5, 0],]

orange-magenta-blue

orange-magenta-blue: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.821, 0.328, 0.242, 1],[0.659, 0.481, 0.896, 0],[0.612, 0.34, 0.296, 0],[2.82, 3.026, -0.273, 0],]

purple-orange-cyan

purple-orange-cyan: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[0.5, 0.5, 0.5, 0],[0.5, 0.5, 1, 0],[-0.25, 0.5, 1, 0],]

rainbow1

rainbow1: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[0.5, 0.5, 0.5, 0],[1.0, 1.0, 1.0, 0],[0, 0.3333, 0.6666, 0],]

rainbow2

rainbow2: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[0.666, 0.666, 0.666, 0],[1.0, 1.0, 1.0, 0],[0, 0.3333, 0.6666, 0],]

rainbow3

rainbow3: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[0.75, 0.75, 0.75, 0],[1.0, 1.0, 1.0, 0],[0, 0.3333, 0.6666, 0],]

rainbow4

rainbow4: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0.5, 1],[1, 1, 1, 0],[1.0, 1.0, 1.0, 0],[0, 0.3333, 0.6666, 0],]

red-blue

red-blue: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0, 0.5, 1],[0.5, 0, 0.5, 0],[0.5, 0, 0.5, 0],[0, 0, 0.5, 0],]

yellow-green-blue

yellow-green-blue: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.65, 0.5, 0.31, 1],[-0.65, 0.5, 0.6, 0],[0.333, 0.278, 0.278, 0],[0.66, 0, 0.667, 0],]

yellow-magenta-cyan

yellow-magenta-cyan: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[1, 0.5, 0.5, 1],[0.5, 0.5, 0.5, 0],[0.75, 1.0, 0.6666, 0],[0.8, 1.0, 0.3333, 0],]

yellow-purple-magenta

yellow-purple-magenta: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.731, 1.098, 0.192, 1],[0.358, 1.09, 0.657, 0],[1.077, 0.36, 0.328, 0],[0.965, 2.265, 0.837, 0],]

yellow-red

yellow-red: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]] = [[0.5, 0.5, 0, 1],[0.5, 0.5, 0, 0],[0.1, 0.5, 0, 0],[0, 0, 0, 0],]

Generated using TypeDoc