color-kitnext

@pbroom/color-kit/driverMulti color

setMultiColorChannel

Sets one OKLCH channel of an entry's requested color (unclamped) and its source. Returns model unchanged for an unknown id; otherwise always a new model, even when the channel already holds value.

functionimport { setMultiColorChannel } from '@pbroom/color-kit/driver';multi-color-state.ts:414
function setMultiColorChannel(
  model: MultiColorModel,
  id: string,
  channel: ColorChannel,
  value: number,
  source: ColorSource,
): MultiColorModel;

Parameters

modelMultiColorModel
idstring
channelColorChannel
valuenumber
sourceColorSource

Returns

MultiColorModel

Example

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

const model = createMultiColorModel({ colors: { bg: '#ffffff', fg: '#3b82f6' } });
const next = setMultiColorChannel(model, 'fg', 'l', 0.4, 'user');
toHex(next.entries.fg.requested); // → '#003baa'
next.entries.fg.source; // → 'user'