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) => number);
    space?: string | Space;
    steps?: number;
}

Hierarchy (view full)

Properties

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

Properties

OptionaldeltaEMethod

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

See

Methods

Optionalhue

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

Inspired by the hue-adjuster in CSS Color 5.

OptionalmaxDeltaE

maxDeltaE?: number

max deltaE between consecutive steps

OptionalmaxSteps

maxSteps?: number

The maximum number of steps

OptionaloutputSpace

outputSpace?: string | Space

Optionalpremultiplied

premultiplied?: boolean

Optionalprogression

progression?: ((percentage: number) => number)

Used to customize the progression and make in nonlinear

Example

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

Optionalspace

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

Optionalsteps

steps?: number

The minimum number of steps

Settings

Member Visibility

On This Page

Properties