Interface RangeOptions

interface RangeOptions {
    hue?: "raw" | "increasing" | "decreasing" | "longer" | "shorter";
    outputSpace?: string | Space;
    premultiplied?: boolean;
    progression?: ((percentage) => number);
    space?: string | Space;
}

Hierarchy (view full)

Properties

hue? outputSpace? premultiplied? progression? space?

Properties

Optional hue

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

Inspired by the hue-adjuster in CSS Color 5.

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

Settings

Member Visibility

Theme

On This Page

hueoutputSpacepremultipliedprogressionspace