color-kitnext

@pbroom/color-kit/driverMulti color

createMultiColorModel

Creates a normalized multi-color model. String colors are parsed; entries start with source 'programmatic' and the default gamut mapping.

functionimport { createMultiColorModel } from '@pbroom/color-kit/driver';multi-color-state.ts:178
function createMultiColorModel(
  options?: CreateMultiColorModelOptions,
): MultiColorModel;

Parameters

options?CreateMultiColorModelOptionsdefault {}

Returns

MultiColorModel

Throws

  • When options.activeGamut is not 'srgb' or 'display-p3', or a color is neither a string nor an object.
  • When a color string cannot be parsed (from parse).

Example

TypeScript
import { createMultiColorModel } from '@pbroom/color-kit/driver';

const model = createMultiColorModel({ colors: { bg: '#ffffff', fg: '#3b82f6' } });
model.order; // → ['bg', 'fg']
model.selectedId; // → 'bg'
createMultiColorModel().order; // → ['color-1']