color-kitnext

@pbroom/color-kitConversion

fromHex

Convert a hex string (#rgb, #rgba, #rrggbb or #rrggbbaa; the # is optional) to a Color.

functionimport { fromHex } from '@pbroom/color-kit';index.ts:158
function fromHex(hex: string): Color;

Parameters

hexstring
Hex color string

Returns

ColorA new OKLCH Color

Throws

  • When hex has an invalid length or a non-hex digit

Example

TypeScript
import { fromHex, toCss } from '@pbroom/color-kit';

toCss(fromHex('#3b82f6'), 'oklch'); // → 'oklch(0.6231 0.188 259.81)'

See also