materializeMultiColorState

Expands a model into a MultiColorState: one full ColorState per entry (with displayed colors and gamut flags), all sharing the model's active gamut and view. Allocates new states on every call.

functionimport { materializeMultiColorState } from '@pbroom/color-kit/driver';multi-color-state.ts:233

function materializeMultiColorState(
  model: MultiColorModel,
): MultiColorState;

Parameters

modelMultiColorModel

Returns

MultiColorState

Example

TypeScript

import { toHex } from '@pbroom/color-kit';
import {
  createMultiColorModel,
  materializeMultiColorState,
} from '@pbroom/color-kit/driver';

const model = createMultiColorModel({ colors: { bg: '#ffffff', fg: '#3b82f6' } });
const state = materializeMultiColorState(model);
toHex(state.colors.fg.displayed.srgb); // → '#3b82f6'
state.colors.fg.activeGamut; // → 'display-p3'