Interface: DuotoneEffect

Defined in: attributes/shape/effects/implementations/duotone.ts:15

Duotone / gradient map — remap the content's luminance onto a two-colour ramp, so black becomes shadows, white becomes highlights, and everything between interpolates. Chroma in the source is discarded; only its brightness survives.

The editorial two-colour treatment (Spotify covers, risograph posters) and the general "tint a photo to brand colours" tool, both from one pair of colours.

Extends

ModedEffect

Properties

amount

amount: number

Defined in: attributes/shape/effects/implementations/duotone.ts:18

0–1 blend from the original colours (0) to the full ramp (1).

highlights

highlights: Color

Defined in: attributes/shape/effects/implementations/duotone.ts:22

Colour the brightest tones map to.

mode?

optional mode?: EffectMode

Defined in: attributes/shape/effects/effect-data.ts:83

Inherited from

ModedEffect.mode

shadows

shadows: Color

Defined in: attributes/shape/effects/implementations/duotone.ts:20

Colour the darkest tones map to.

type

type: "duotone"

Defined in: attributes/shape/effects/implementations/duotone.ts:16