Skip to content

RampColours

Defined in: renderer-pixi/tint.ts:68

The colour ramp an item’s ramp position is drawn on (US070 Step 4: a prop, not a constant): colour stops from position 0 to position 1, blended in interpolation’s colour space. Two stops make a two-tone scale, three a diverging one, and two stops at the same at a hard band edge. A stop that does not parse is skipped; with none left, DEFAULT_RAMP applies.

optional interpolation?: RampInterpolation

Defined in: renderer-pixi/tint.ts:78

How colours between stops are blended. oklab (the default) keeps the steps perceptually even and avoids a muddy middle; srgb is a plain channel mix, what CSS gradients do by default; hsl turns the hue the shorter way round between each pair of stops, for a sweep round the colour wheel.


stops: readonly RampStop[]

Defined in: renderer-pixi/tint.ts:71

The colours, in order. Bare colours are spaced evenly, as in a CSS gradient; a stop’s at places it (clamped to 0–1, and never before the stop ahead of it). One stop is a solid colour.