Interface StepsOptions

interface StepsOptions {
    deltaEMethod?: "76" | "Jz" | "HCT" | "CMC" | "2000" | "ITP" | "OK" | "OK2";
    hue?: "raw" | "increasing" | "decreasing" | "longer" | "shorter";
    maxDeltaE?: number;
    maxSteps?: number;
    outputSpace?: string | Space;
    premultiplied?: boolean;
    progression?: ((percentage) => number);
    space?: string | Space;
    steps?: number;
}

Hierarchy (view full)

Properties

deltaEMethod? hue? maxDeltaE? maxSteps? outputSpace? premultiplied? progression? space? steps?

Properties

Optional deltaEMethod

deltaEMethod?: "76" | "Jz" | "HCT" | "CMC" | "2000" | "ITP" | "OK" | "OK2"

See

Methods

Optional hue

hue?: "raw" | "increasing" | "decreasing" | "longer" | "shorter"

Inspired by the hue-adjuster in CSS Color 5.

Optional maxDeltaE

maxDeltaE?: number

max deltaE between consecutive steps

Optional maxSteps

maxSteps?: number

The maximum number of steps

Optional outputSpace

outputSpace?: string | Space

Optional premultiplied

premultiplied?: boolean

Optional progression

progression?: ((percentage) => number)

Used to customize the progression and make in nonlinear

Type declaration

    • (percentage): number

    • Parameters

      • percentage: number

      Returns number

Example

let r = new Color("lch(50 50 0)").range("lch(90 50 20)");
Color.range(r, { progression: p => p ** 3 });

Optional space

space?: string | Space

The interpolation space. Colors do not need to be in this space; they will be converted for interpolation

See

https://colorjs.io/docs/interpolation#ranges

Optional steps

steps?: number

The minimum number of steps

Settings

Member Visibility

Theme

On This Page

deltaEMethodhuemaxDeltaEmaxStepsoutputSpacepremultipliedprogressionspacesteps