getColorAreaValueText

Human-readable aria-valuetext for both axes, x first, e.g. "Lightness 60%, Chroma 0.2". Lightness is shown as a percentage, hue in whole degrees, chroma to three decimals.

functionimport { getColorAreaValueText } from '@pbroom/color-kit/driver';color-area.ts:846

function getColorAreaValueText(
  color: Color,
  axes: ResolvedColorAreaAxes,
): string;

Parameters

colorColor
axesResolvedColorAreaAxes

Returns

string

Example

TypeScript

import { getColorAreaValueText, resolveColorAreaAxes } from '@pbroom/color-kit/driver';

getColorAreaValueText({ l: 0.6, c: 0.1, h: 250, alpha: 1 }, resolveColorAreaAxes());
// → 'Lightness 60%, Chroma 0.1'