hueStopsOf

Returns the three CSS colours a hue's scale runs through, lightest to darkest, or null if the value is not a hue.

@internote/canvas-sdkFunction
On this page
import { hueStopsOf } from '@internote/canvas-sdk';

THREE stops, and the middle one is the point. Blending pale straight to deep passes through whatever lies between two ends of a scale, and what lies between a pale blue and a navy is a greyer blue than either: the chroma of a hue peaks around its reading tone and falls away to both sides. A two-stop wash therefore has its most washed-out colour in the middle of the range, which is usually where the reader is looking.

Running through the reading tone puts the hue at its most saturated in the middle instead, and lets both ends stay far apart — which is the shape every hand-built sequential ramp has, for the same reason.

#Signature

(value: unknown): [string, string, string] | null

#Parameters

value
A colour attribute value.

Declared in packages/canvas-sdk/src/paint/colour.ts:333.

Last updated