Interface RangeOptions

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

Hierarchy (view full)

Properties

hue? outputSpace? premultiplied? progression? space?

Properties

Optionalhue

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

Inspired by the hue-adjuster in CSS Color 5.

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

Settings

Member Visibility

On This Page

Properties