recoder-code 2.4.1 → 2.4.2

package/packages/cli/node_modules/@asamuzakjp/css-color/src/js/color.ts

@@ -1,3459 +0,0 @@
-/**
- * color
- *
- * Ref: CSS Color Module Level 4
- *      Sample code for Color Conversions
- *      https://w3c.github.io/csswg-drafts/css-color-4/#color-conversion-code
- */
-
-import {
-  CacheItem,
-  NullObject,
-  createCacheKey,
-  getCache,
-  setCache
-} from './cache';
-import { isString } from './common';
-import { interpolateHue, roundToPrecision } from './util';
-import {
-  ColorChannels,
-  ComputedColorChannels,
-  Options,
-  MatchedRegExp,
-  SpecifiedColorChannels,
-  StringColorChannels,
-  StringColorSpacedChannels
-} from './typedef';
-
-/* constants */
-import {
-  ANGLE,
-  CS_HUE_CAPT,
-  CS_MIX,
-  CS_RGB,
-  CS_XYZ,
-  FN_COLOR,
-  FN_MIX,
-  NONE,
-  NUM,
-  PCT,
-  SYN_COLOR_TYPE,
-  SYN_FN_COLOR,
-  SYN_HSL,
-  SYN_HSL_LV3,
-  SYN_LCH,
-  SYN_MIX,
-  SYN_MIX_CAPT,
-  SYN_MIX_PART,
-  SYN_MOD,
-  SYN_RGB_LV3,
-  VAL_COMP,
-  VAL_MIX,
-  VAL_SPEC
-} from './constant';
-const NAMESPACE = 'color';
-
-/* numeric constants */
-const PPTH = 0.001;
-const HALF = 0.5;
-const DUO = 2;
-const TRIA = 3;
-const QUAD = 4;
-const OCT = 8;
-const DEC = 10;
-const DOZ = 12;
-const HEX = 16;
-const SEXA = 60;
-const DEG_HALF = 180;
-const DEG = 360;
-const MAX_PCT = 100;
-const MAX_RGB = 255;
-const POW_SQR = 2;
-const POW_CUBE = 3;
-const POW_LINEAR = 2.4;
-const LINEAR_COEF = 12.92;
-const LINEAR_OFFSET = 0.055;
-const LAB_L = 116;
-const LAB_A = 500;
-const LAB_B = 200;
-const LAB_EPSILON = 216 / 24389;
-const LAB_KAPPA = 24389 / 27;
-
-/* type definitions */
-/**
- * @type NumStrColorChannels - string or numeric color channels
- */
-type NumStrColorChannels = [
-  x: number | string,
-  y: number | string,
-  z: number | string,
-  alpha: number | string
-];
-
-/**
- * @type TriColorChannels - color channels without alpha
- */
-type TriColorChannels = [x: number, y: number, z: number];
-
-/**
- * @type ColorMatrix - color matrix
- */
-type ColorMatrix = [
-  r1: TriColorChannels,
-  r2: TriColorChannels,
-  r3: TriColorChannels
-];
-
-/* white point */
-const D50: TriColorChannels = [
-  0.3457 / 0.3585,
-  1.0,
-  (1.0 - 0.3457 - 0.3585) / 0.3585
-];
-const MATRIX_D50_TO_D65: ColorMatrix = [
-  [0.955473421488075, -0.02309845494876471, 0.06325924320057072],
-  [-0.0283697093338637, 1.0099953980813041, 0.021041441191917323],
-  [0.012314014864481998, -0.020507649298898964, 1.330365926242124]
-];
-const MATRIX_D65_TO_D50: ColorMatrix = [
-  [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
-  [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
-  [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
-];
-
-/* color space */
-const MATRIX_L_RGB_TO_XYZ: ColorMatrix = [
-  [506752 / 1228815, 87881 / 245763, 12673 / 70218],
-  [87098 / 409605, 175762 / 245763, 12673 / 175545],
-  [7918 / 409605, 87881 / 737289, 1001167 / 1053270]
-];
-const MATRIX_XYZ_TO_L_RGB: ColorMatrix = [
-  [12831 / 3959, -329 / 214, -1974 / 3959],
-  [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
-  [705 / 12673, -2585 / 12673, 705 / 667]
-];
-const MATRIX_XYZ_TO_LMS: ColorMatrix = [
-  [0.819022437996703, 0.3619062600528904, -0.1288737815209879],
-  [0.0329836539323885, 0.9292868615863434, 0.0361446663506424],
-  [0.0481771893596242, 0.2642395317527308, 0.6335478284694309]
-];
-const MATRIX_LMS_TO_XYZ: ColorMatrix = [
-  [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
-  [-0.0405757452148008, 1.112286803280317, -0.0717110580655164],
-  [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
-];
-const MATRIX_OKLAB_TO_LMS: ColorMatrix = [
-  [1.0, 0.3963377773761749, 0.2158037573099136],
-  [1.0, -0.1055613458156586, -0.0638541728258133],
-  [1.0, -0.0894841775298119, -1.2914855480194092]
-];
-const MATRIX_LMS_TO_OKLAB: ColorMatrix = [
-  [0.210454268309314, 0.7936177747023054, -0.0040720430116193],
-  [1.9779985324311684, -2.4285922420485799, 0.450593709617411],
-  [0.0259040424655478, 0.7827717124575296, -0.8086757549230774]
-];
-const MATRIX_P3_TO_XYZ: ColorMatrix = [
-  [608311 / 1250200, 189793 / 714400, 198249 / 1000160],
-  [35783 / 156275, 247089 / 357200, 198249 / 2500400],
-  [0 / 1, 32229 / 714400, 5220557 / 5000800]
-];
-const MATRIX_REC2020_TO_XYZ: ColorMatrix = [
-  [63426534 / 99577255, 20160776 / 139408157, 47086771 / 278816314],
-  [26158966 / 99577255, 472592308 / 697040785, 8267143 / 139408157],
-  [0 / 1, 19567812 / 697040785, 295819943 / 278816314]
-];
-const MATRIX_A98_TO_XYZ: ColorMatrix = [
-  [573536 / 994567, 263643 / 1420810, 187206 / 994567],
-  [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
-  [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835]
-];
-const MATRIX_PROPHOTO_TO_XYZ_D50: ColorMatrix = [
-  [0.7977666449006423, 0.13518129740053308, 0.0313477341283922],
-  [0.2880748288194013, 0.711835234241873, 0.00008993693872564],
-  [0.0, 0.0, 0.8251046025104602]
-];
-
-/* regexp */
-const REG_COLOR = new RegExp(`^(?:${SYN_COLOR_TYPE})$`);
-const REG_CS_HUE = new RegExp(`^${CS_HUE_CAPT}$`);
-const REG_CS_XYZ = /^xyz(?:-d(?:50|65))?$/;
-const REG_CURRENT = /^currentColor$/i;
-const REG_FN_COLOR = new RegExp(`^color\\(\\s*(${SYN_FN_COLOR})\\s*\\)$`);
-const REG_HSL = new RegExp(`^hsla?\\(\\s*(${SYN_HSL}|${SYN_HSL_LV3})\\s*\\)$`);
-const REG_HWB = new RegExp(`^hwb\\(\\s*(${SYN_HSL})\\s*\\)$`);
-const REG_LAB = new RegExp(`^lab\\(\\s*(${SYN_MOD})\\s*\\)$`);
-const REG_LCH = new RegExp(`^lch\\(\\s*(${SYN_LCH})\\s*\\)$`);
-const REG_MIX = new RegExp(`^${SYN_MIX}$`);
-const REG_MIX_CAPT = new RegExp(`^${SYN_MIX_CAPT}$`);
-const REG_MIX_NEST = new RegExp(`${SYN_MIX}`, 'g');
-const REG_OKLAB = new RegExp(`^oklab\\(\\s*(${SYN_MOD})\\s*\\)$`);
-const REG_OKLCH = new RegExp(`^oklch\\(\\s*(${SYN_LCH})\\s*\\)$`);
-const REG_SPEC = /^(?:specifi|comput)edValue$/;
-
-/**
- * named colors
- */
-export const NAMED_COLORS = {
-  aliceblue: [0xf0, 0xf8, 0xff],
-  antiquewhite: [0xfa, 0xeb, 0xd7],
-  aqua: [0x00, 0xff, 0xff],
-  aquamarine: [0x7f, 0xff, 0xd4],
-  azure: [0xf0, 0xff, 0xff],
-  beige: [0xf5, 0xf5, 0xdc],
-  bisque: [0xff, 0xe4, 0xc4],
-  black: [0x00, 0x00, 0x00],
-  blanchedalmond: [0xff, 0xeb, 0xcd],
-  blue: [0x00, 0x00, 0xff],
-  blueviolet: [0x8a, 0x2b, 0xe2],
-  brown: [0xa5, 0x2a, 0x2a],
-  burlywood: [0xde, 0xb8, 0x87],
-  cadetblue: [0x5f, 0x9e, 0xa0],
-  chartreuse: [0x7f, 0xff, 0x00],
-  chocolate: [0xd2, 0x69, 0x1e],
-  coral: [0xff, 0x7f, 0x50],
-  cornflowerblue: [0x64, 0x95, 0xed],
-  cornsilk: [0xff, 0xf8, 0xdc],
-  crimson: [0xdc, 0x14, 0x3c],
-  cyan: [0x00, 0xff, 0xff],
-  darkblue: [0x00, 0x00, 0x8b],
-  darkcyan: [0x00, 0x8b, 0x8b],
-  darkgoldenrod: [0xb8, 0x86, 0x0b],
-  darkgray: [0xa9, 0xa9, 0xa9],
-  darkgreen: [0x00, 0x64, 0x00],
-  darkgrey: [0xa9, 0xa9, 0xa9],
-  darkkhaki: [0xbd, 0xb7, 0x6b],
-  darkmagenta: [0x8b, 0x00, 0x8b],
-  darkolivegreen: [0x55, 0x6b, 0x2f],
-  darkorange: [0xff, 0x8c, 0x00],
-  darkorchid: [0x99, 0x32, 0xcc],
-  darkred: [0x8b, 0x00, 0x00],
-  darksalmon: [0xe9, 0x96, 0x7a],
-  darkseagreen: [0x8f, 0xbc, 0x8f],
-  darkslateblue: [0x48, 0x3d, 0x8b],
-  darkslategray: [0x2f, 0x4f, 0x4f],
-  darkslategrey: [0x2f, 0x4f, 0x4f],
-  darkturquoise: [0x00, 0xce, 0xd1],
-  darkviolet: [0x94, 0x00, 0xd3],
-  deeppink: [0xff, 0x14, 0x93],
-  deepskyblue: [0x00, 0xbf, 0xff],
-  dimgray: [0x69, 0x69, 0x69],
-  dimgrey: [0x69, 0x69, 0x69],
-  dodgerblue: [0x1e, 0x90, 0xff],
-  firebrick: [0xb2, 0x22, 0x22],
-  floralwhite: [0xff, 0xfa, 0xf0],
-  forestgreen: [0x22, 0x8b, 0x22],
-  fuchsia: [0xff, 0x00, 0xff],
-  gainsboro: [0xdc, 0xdc, 0xdc],
-  ghostwhite: [0xf8, 0xf8, 0xff],
-  gold: [0xff, 0xd7, 0x00],
-  goldenrod: [0xda, 0xa5, 0x20],
-  gray: [0x80, 0x80, 0x80],
-  green: [0x00, 0x80, 0x00],
-  greenyellow: [0xad, 0xff, 0x2f],
-  grey: [0x80, 0x80, 0x80],
-  honeydew: [0xf0, 0xff, 0xf0],
-  hotpink: [0xff, 0x69, 0xb4],
-  indianred: [0xcd, 0x5c, 0x5c],
-  indigo: [0x4b, 0x00, 0x82],
-  ivory: [0xff, 0xff, 0xf0],
-  khaki: [0xf0, 0xe6, 0x8c],
-  lavender: [0xe6, 0xe6, 0xfa],
-  lavenderblush: [0xff, 0xf0, 0xf5],
-  lawngreen: [0x7c, 0xfc, 0x00],
-  lemonchiffon: [0xff, 0xfa, 0xcd],
-  lightblue: [0xad, 0xd8, 0xe6],
-  lightcoral: [0xf0, 0x80, 0x80],
-  lightcyan: [0xe0, 0xff, 0xff],
-  lightgoldenrodyellow: [0xfa, 0xfa, 0xd2],
-  lightgray: [0xd3, 0xd3, 0xd3],
-  lightgreen: [0x90, 0xee, 0x90],
-  lightgrey: [0xd3, 0xd3, 0xd3],
-  lightpink: [0xff, 0xb6, 0xc1],
-  lightsalmon: [0xff, 0xa0, 0x7a],
-  lightseagreen: [0x20, 0xb2, 0xaa],
-  lightskyblue: [0x87, 0xce, 0xfa],
-  lightslategray: [0x77, 0x88, 0x99],
-  lightslategrey: [0x77, 0x88, 0x99],
-  lightsteelblue: [0xb0, 0xc4, 0xde],
-  lightyellow: [0xff, 0xff, 0xe0],
-  lime: [0x00, 0xff, 0x00],
-  limegreen: [0x32, 0xcd, 0x32],
-  linen: [0xfa, 0xf0, 0xe6],
-  magenta: [0xff, 0x00, 0xff],
-  maroon: [0x80, 0x00, 0x00],
-  mediumaquamarine: [0x66, 0xcd, 0xaa],
-  mediumblue: [0x00, 0x00, 0xcd],
-  mediumorchid: [0xba, 0x55, 0xd3],
-  mediumpurple: [0x93, 0x70, 0xdb],
-  mediumseagreen: [0x3c, 0xb3, 0x71],
-  mediumslateblue: [0x7b, 0x68, 0xee],
-  mediumspringgreen: [0x00, 0xfa, 0x9a],
-  mediumturquoise: [0x48, 0xd1, 0xcc],
-  mediumvioletred: [0xc7, 0x15, 0x85],
-  midnightblue: [0x19, 0x19, 0x70],
-  mintcream: [0xf5, 0xff, 0xfa],
-  mistyrose: [0xff, 0xe4, 0xe1],
-  moccasin: [0xff, 0xe4, 0xb5],
-  navajowhite: [0xff, 0xde, 0xad],
-  navy: [0x00, 0x00, 0x80],
-  oldlace: [0xfd, 0xf5, 0xe6],
-  olive: [0x80, 0x80, 0x00],
-  olivedrab: [0x6b, 0x8e, 0x23],
-  orange: [0xff, 0xa5, 0x00],
-  orangered: [0xff, 0x45, 0x00],
-  orchid: [0xda, 0x70, 0xd6],
-  palegoldenrod: [0xee, 0xe8, 0xaa],
-  palegreen: [0x98, 0xfb, 0x98],
-  paleturquoise: [0xaf, 0xee, 0xee],
-  palevioletred: [0xdb, 0x70, 0x93],
-  papayawhip: [0xff, 0xef, 0xd5],
-  peachpuff: [0xff, 0xda, 0xb9],
-  peru: [0xcd, 0x85, 0x3f],
-  pink: [0xff, 0xc0, 0xcb],
-  plum: [0xdd, 0xa0, 0xdd],
-  powderblue: [0xb0, 0xe0, 0xe6],
-  purple: [0x80, 0x00, 0x80],
-  rebeccapurple: [0x66, 0x33, 0x99],
-  red: [0xff, 0x00, 0x00],
-  rosybrown: [0xbc, 0x8f, 0x8f],
-  royalblue: [0x41, 0x69, 0xe1],
-  saddlebrown: [0x8b, 0x45, 0x13],
-  salmon: [0xfa, 0x80, 0x72],
-  sandybrown: [0xf4, 0xa4, 0x60],
-  seagreen: [0x2e, 0x8b, 0x57],
-  seashell: [0xff, 0xf5, 0xee],
-  sienna: [0xa0, 0x52, 0x2d],
-  silver: [0xc0, 0xc0, 0xc0],
-  skyblue: [0x87, 0xce, 0xeb],
-  slateblue: [0x6a, 0x5a, 0xcd],
-  slategray: [0x70, 0x80, 0x90],
-  slategrey: [0x70, 0x80, 0x90],
-  snow: [0xff, 0xfa, 0xfa],
-  springgreen: [0x00, 0xff, 0x7f],
-  steelblue: [0x46, 0x82, 0xb4],
-  tan: [0xd2, 0xb4, 0x8c],
-  teal: [0x00, 0x80, 0x80],
-  thistle: [0xd8, 0xbf, 0xd8],
-  tomato: [0xff, 0x63, 0x47],
-  turquoise: [0x40, 0xe0, 0xd0],
-  violet: [0xee, 0x82, 0xee],
-  wheat: [0xf5, 0xde, 0xb3],
-  white: [0xff, 0xff, 0xff],
-  whitesmoke: [0xf5, 0xf5, 0xf5],
-  yellow: [0xff, 0xff, 0x00],
-  yellowgreen: [0x9a, 0xcd, 0x32]
-} as const satisfies {
-  [key: string]: TriColorChannels;
-};
-
-/**
- * cache invalid color value
- * @param key - cache key
- * @param nullable - is nullable
- * @returns cached value
- */
-export const cacheInvalidColorValue = (
-  cacheKey: string,
-  format: string,
-  nullable: boolean = false
-): SpecifiedColorChannels | string | NullObject => {
-  if (format === VAL_SPEC) {
-    const res = '';
-    setCache(cacheKey, res);
-    return res;
-  }
-  if (nullable) {
-    setCache(cacheKey, null);
-    return new NullObject();
-  }
-  const res: SpecifiedColorChannels = ['rgb', 0, 0, 0, 0];
-  setCache(cacheKey, res);
-  return res;
-};
-
-/**
- * resolve invalid color value
- * @param format - output format
- * @param nullable - is nullable
- * @returns resolved value
- */
-export const resolveInvalidColorValue = (
-  format: string,
-  nullable: boolean = false
-): SpecifiedColorChannels | string | NullObject => {
-  switch (format) {
-    case 'hsl':
-    case 'hwb':
-    case VAL_MIX: {
-      return new NullObject();
-    }
-    case VAL_SPEC: {
-      return '';
-    }
-    default: {
-      if (nullable) {
-        return new NullObject();
-      }
-      return ['rgb', 0, 0, 0, 0] as SpecifiedColorChannels;
-    }
-  }
-};
-
-/**
- * validate color components
- * @param arr - color components
- * @param [opt] - options
- * @param [opt.alpha] - alpha channel
- * @param [opt.minLength] - min length
- * @param [opt.maxLength] - max length
- * @param [opt.minRange] - min range
- * @param [opt.maxRange] - max range
- * @param [opt.validateRange] - validate range
- * @returns result - validated color components
- */
-export const validateColorComponents = (
-  arr: ColorChannels | TriColorChannels,
-  opt: {
-    alpha?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    minRange?: number;
-    maxRange?: number;
-    validateRange?: boolean;
-  } = {}
-): ColorChannels | TriColorChannels => {
-  if (!Array.isArray(arr)) {
-    throw new TypeError(`${arr} is not an array.`);
-  }
-  const {
-    alpha = false,
-    minLength = TRIA,
-    maxLength = QUAD,
-    minRange = 0,
-    maxRange = 1,
-    validateRange = true
-  } = opt;
-  if (!Number.isFinite(minLength)) {
-    throw new TypeError(`${minLength} is not a number.`);
-  }
-  if (!Number.isFinite(maxLength)) {
-    throw new TypeError(`${maxLength} is not a number.`);
-  }
-  if (!Number.isFinite(minRange)) {
-    throw new TypeError(`${minRange} is not a number.`);
-  }
-  if (!Number.isFinite(maxRange)) {
-    throw new TypeError(`${maxRange} is not a number.`);
-  }
-  const l = arr.length;
-  if (l < minLength || l > maxLength) {
-    throw new Error(`Unexpected array length ${l}.`);
-  }
-  let i = 0;
-  while (i < l) {
-    const v = arr[i] as number;
-    if (!Number.isFinite(v)) {
-      throw new TypeError(`${v} is not a number.`);
-    } else if (i < TRIA && validateRange && (v < minRange || v > maxRange)) {
-      throw new RangeError(`${v} is not between ${minRange} and ${maxRange}.`);
-    } else if (i === TRIA && (v < 0 || v > 1)) {
-      throw new RangeError(`${v} is not between 0 and 1.`);
-    }
-    i++;
-  }
-  if (alpha && l === TRIA) {
-    arr.push(1);
-  }
-  return arr;
-};
-
-/**
- * transform matrix
- * @param mtx - 3 * 3 matrix
- * @param vct - vector
- * @param [skip] - skip validate
- * @returns TriColorChannels - [p1, p2, p3]
- */
-export const transformMatrix = (
-  mtx: ColorMatrix,
-  vct: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!Array.isArray(mtx)) {
-    throw new TypeError(`${mtx} is not an array.`);
-  } else if (mtx.length !== TRIA) {
-    throw new Error(`Unexpected array length ${mtx.length}.`);
-  } else if (!skip) {
-    for (let i of mtx) {
-      i = validateColorComponents(i as TriColorChannels, {
-        maxLength: TRIA,
-        validateRange: false
-      }) as TriColorChannels;
-    }
-  }
-  const [[r1c1, r1c2, r1c3], [r2c1, r2c2, r2c3], [r3c1, r3c2, r3c3]] = mtx;
-  let v1, v2, v3;
-  if (skip) {
-    [v1, v2, v3] = vct;
-  } else {
-    [v1, v2, v3] = validateColorComponents(vct, {
-      maxLength: TRIA,
-      validateRange: false
-    });
-  }
-  const p1 = r1c1 * v1 + r1c2 * v2 + r1c3 * v3;
-  const p2 = r2c1 * v1 + r2c2 * v2 + r2c3 * v3;
-  const p3 = r3c1 * v1 + r3c2 * v2 + r3c3 * v3;
-  return [p1, p2, p3];
-};
-
-/**
- * normalize color components
- * @param colorA - color components [v1, v2, v3, v4]
- * @param colorB - color components [v1, v2, v3, v4]
- * @param [skip] - skip validate
- * @returns result - [colorA, colorB]
- */
-export const normalizeColorComponents = (
-  colorA: [number | string, number | string, number | string, number | string],
-  colorB: [number | string, number | string, number | string, number | string],
-  skip: boolean = false
-): [ColorChannels, ColorChannels] => {
-  if (!Array.isArray(colorA)) {
-    throw new TypeError(`${colorA} is not an array.`);
-  } else if (colorA.length !== QUAD) {
-    throw new Error(`Unexpected array length ${colorA.length}.`);
-  }
-  if (!Array.isArray(colorB)) {
-    throw new TypeError(`${colorB} is not an array.`);
-  } else if (colorB.length !== QUAD) {
-    throw new Error(`Unexpected array length ${colorB.length}.`);
-  }
-  let i = 0;
-  while (i < QUAD) {
-    if (colorA[i] === NONE && colorB[i] === NONE) {
-      colorA[i] = 0;
-      colorB[i] = 0;
-    } else if (colorA[i] === NONE) {
-      colorA[i] = colorB[i] as number;
-    } else if (colorB[i] === NONE) {
-      colorB[i] = colorA[i] as number;
-    }
-    i++;
-  }
-  if (skip) {
-    return [colorA as ColorChannels, colorB as ColorChannels];
-  }
-  const validatedColorA = validateColorComponents(colorA as ColorChannels, {
-    minLength: QUAD,
-    validateRange: false
-  });
-  const validatedColorB = validateColorComponents(colorB as ColorChannels, {
-    minLength: QUAD,
-    validateRange: false
-  });
-  return [validatedColorA as ColorChannels, validatedColorB as ColorChannels];
-};
-
-/**
- * number to hex string
- * @param value - numeric value
- * @returns hex string
- */
-export const numberToHexString = (value: number): string => {
-  if (!Number.isFinite(value)) {
-    throw new TypeError(`${value} is not a number.`);
-  } else {
-    value = Math.round(value);
-    if (value < 0 || value > MAX_RGB) {
-      throw new RangeError(`${value} is not between 0 and ${MAX_RGB}.`);
-    }
-  }
-  let hex = value.toString(HEX);
-  if (hex.length === 1) {
-    hex = `0${hex}`;
-  }
-  return hex;
-};
-
-/**
- * angle to deg
- * @param angle
- * @returns deg: 0..360
- */
-export const angleToDeg = (angle: string): number => {
-  if (isString(angle)) {
-    angle = angle.trim();
-  } else {
-    throw new TypeError(`${angle} is not a string.`);
-  }
-  const GRAD = DEG / 400;
-  const RAD = DEG / (Math.PI * DUO);
-  const reg = new RegExp(`^(${NUM})(${ANGLE})?$`);
-  if (!reg.test(angle)) {
-    throw new SyntaxError(`Invalid property value: ${angle}`);
-  }
-  const [, value, unit] = angle.match(reg) as MatchedRegExp;
-  let deg;
-  switch (unit) {
-    case 'grad':
-      deg = parseFloat(value) * GRAD;
-      break;
-    case 'rad':
-      deg = parseFloat(value) * RAD;
-      break;
-    case 'turn':
-      deg = parseFloat(value) * DEG;
-      break;
-    default:
-      deg = parseFloat(value);
-  }
-  deg %= DEG;
-  if (deg < 0) {
-    deg += DEG;
-  } else if (Object.is(deg, -0)) {
-    deg = 0;
-  }
-  return deg;
-};
-
-/**
- * parse alpha
- * @param [alpha] - alpha value
- * @returns alpha: 0..1
- */
-export const parseAlpha = (alpha: string = ''): number => {
-  if (isString(alpha)) {
-    alpha = alpha.trim();
-    if (!alpha) {
-      alpha = '1';
-    } else if (alpha === NONE) {
-      alpha = '0';
-    } else {
-      let a;
-      if (alpha.endsWith('%')) {
-        a = parseFloat(alpha) / MAX_PCT;
-      } else {
-        a = parseFloat(alpha);
-      }
-      if (!Number.isFinite(a)) {
-        throw new TypeError(`${a} is not a finite number.`);
-      }
-      if (a < PPTH) {
-        alpha = '0';
-      } else if (a > 1) {
-        alpha = '1';
-      } else {
-        alpha = a.toFixed(TRIA);
-      }
-    }
-  } else {
-    alpha = '1';
-  }
-  return parseFloat(alpha);
-};
-
-/**
- * parse hex alpha
- * @param value - alpha value in hex string
- * @returns alpha: 0..1
- */
-export const parseHexAlpha = (value: string): number => {
-  if (isString(value)) {
-    if (value === '') {
-      throw new SyntaxError('Invalid property value: (empty string)');
-    }
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  let alpha = parseInt(value, HEX);
-  if (alpha <= 0) {
-    return 0;
-  }
-  if (alpha >= MAX_RGB) {
-    return 1;
-  }
-  const alphaMap = new Map();
-  for (let i = 1; i < MAX_PCT; i++) {
-    alphaMap.set(Math.round((i * MAX_RGB) / MAX_PCT), i);
-  }
-  if (alphaMap.has(alpha)) {
-    alpha = alphaMap.get(alpha) / MAX_PCT;
-  } else {
-    alpha = Math.round(alpha / MAX_RGB / PPTH) * PPTH;
-  }
-  return parseFloat(alpha.toFixed(TRIA));
-};
-
-/**
- * transform rgb to linear rgb
- * @param rgb - [r, g, b] r|g|b: 0..255
- * @param [skip] - skip validate
- * @returns TriColorChannels - [r, g, b] r|g|b: 0..1
- */
-export const transformRgbToLinearRgb = (
-  rgb: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  let rr, gg, bb;
-  if (skip) {
-    [rr, gg, bb] = rgb;
-  } else {
-    [rr, gg, bb] = validateColorComponents(rgb, {
-      maxLength: TRIA,
-      maxRange: MAX_RGB
-    });
-  }
-  let r = rr / MAX_RGB;
-  let g = gg / MAX_RGB;
-  let b = bb / MAX_RGB;
-  const COND_POW = 0.04045;
-  if (r > COND_POW) {
-    r = Math.pow((r + LINEAR_OFFSET) / (1 + LINEAR_OFFSET), POW_LINEAR);
-  } else {
-    r /= LINEAR_COEF;
-  }
-  if (g > COND_POW) {
-    g = Math.pow((g + LINEAR_OFFSET) / (1 + LINEAR_OFFSET), POW_LINEAR);
-  } else {
-    g /= LINEAR_COEF;
-  }
-  if (b > COND_POW) {
-    b = Math.pow((b + LINEAR_OFFSET) / (1 + LINEAR_OFFSET), POW_LINEAR);
-  } else {
-    b /= LINEAR_COEF;
-  }
-  return [r, g, b];
-};
-
-/**
- * transform rgb to xyz
- * @param rgb - [r, g, b] r|g|b: 0..255
- * @param [skip] - skip validate
- * @returns TriColorChannels - [x, y, z]
- */
-export const transformRgbToXyz = (
-  rgb: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!skip) {
-    rgb = validateColorComponents(rgb, {
-      maxLength: TRIA,
-      maxRange: MAX_RGB
-    }) as TriColorChannels;
-  }
-  rgb = transformRgbToLinearRgb(rgb, true);
-  const xyz = transformMatrix(MATRIX_L_RGB_TO_XYZ, rgb, true);
-  return xyz;
-};
-
-/**
- * transform rgb to xyz-d50
- * @param rgb - [r, g, b] r|g|b: 0..255 alpha: 0..1
- * @returns TriColorChannels - [x, y, z]
- */
-export const transformRgbToXyzD50 = (
-  rgb: TriColorChannels
-): TriColorChannels => {
-  let xyz = transformRgbToXyz(rgb);
-  xyz = transformMatrix(MATRIX_D65_TO_D50, xyz, true);
-  return xyz;
-};
-
-/**
- * transform linear rgb to rgb
- * @param rgb - [r, g, b] r|g|b: 0..1
- * @param [round] - round result
- * @returns TriColorChannels - [r, g, b] r|g|b: 0..255
- */
-export const transformLinearRgbToRgb = (
-  rgb: TriColorChannels,
-  round: boolean = false
-): TriColorChannels => {
-  let [r, g, b] = validateColorComponents(rgb, {
-    maxLength: TRIA
-  });
-  const COND_POW = 809 / 258400;
-  if (r > COND_POW) {
-    r = Math.pow(r, 1 / POW_LINEAR) * (1 + LINEAR_OFFSET) - LINEAR_OFFSET;
-  } else {
-    r *= LINEAR_COEF;
-  }
-  r *= MAX_RGB;
-  if (g > COND_POW) {
-    g = Math.pow(g, 1 / POW_LINEAR) * (1 + LINEAR_OFFSET) - LINEAR_OFFSET;
-  } else {
-    g *= LINEAR_COEF;
-  }
-  g *= MAX_RGB;
-  if (b > COND_POW) {
-    b = Math.pow(b, 1 / POW_LINEAR) * (1 + LINEAR_OFFSET) - LINEAR_OFFSET;
-  } else {
-    b *= LINEAR_COEF;
-  }
-  b *= MAX_RGB;
-  return [
-    round ? Math.round(r) : r,
-    round ? Math.round(g) : g,
-    round ? Math.round(b) : b
-  ];
-};
-
-/**
- * transform xyz to rgb
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [r, g, b] r|g|b: 0..255
- */
-export const transformXyzToRgb = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!skip) {
-    xyz = validateColorComponents(xyz, {
-      maxLength: TRIA,
-      validateRange: false
-    }) as TriColorChannels;
-  }
-  let [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, xyz, true);
-  [r, g, b] = transformLinearRgbToRgb(
-    [
-      Math.min(Math.max(r, 0), 1),
-      Math.min(Math.max(g, 0), 1),
-      Math.min(Math.max(b, 0), 1)
-    ],
-    true
-  );
-  return [r, g, b];
-};
-
-/**
- * transform xyz to xyz-d50
- * @param xyz - [x, y, z]
- * @returns TriColorChannels - [x, y, z]
- */
-export const transformXyzToXyzD50 = (
-  xyz: TriColorChannels
-): TriColorChannels => {
-  xyz = validateColorComponents(xyz, {
-    maxLength: TRIA,
-    validateRange: false
-  }) as TriColorChannels;
-  xyz = transformMatrix(MATRIX_D65_TO_D50, xyz, true);
-  return xyz;
-};
-
-/**
- * transform xyz to hsl
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [h, s, l]
- */
-export const transformXyzToHsl = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  const [rr, gg, bb] = transformXyzToRgb(xyz, skip);
-  const r = rr / MAX_RGB;
-  const g = gg / MAX_RGB;
-  const b = bb / MAX_RGB;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const d = max - min;
-  const l = (max + min) * HALF * MAX_PCT;
-  let h, s;
-  if (Math.round(l) === 0 || Math.round(l) === MAX_PCT) {
-    h = 0;
-    s = 0;
-  } else {
-    s = (d / (1 - Math.abs(max + min - 1))) * MAX_PCT;
-    if (s === 0) {
-      h = 0;
-    } else {
-      switch (max) {
-        case r:
-          h = (g - b) / d;
-          break;
-        case g:
-          h = (b - r) / d + DUO;
-          break;
-        case b:
-        default:
-          h = (r - g) / d + QUAD;
-          break;
-      }
-      h = (h * SEXA) % DEG;
-      if (h < 0) {
-        h += DEG;
-      }
-    }
-  }
-  return [h, s, l];
-};
-
-/**
- * transform xyz to hwb
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [h, w, b]
- */
-export const transformXyzToHwb = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  const [r, g, b] = transformXyzToRgb(xyz, skip);
-  const wh = Math.min(r, g, b) / MAX_RGB;
-  const bk = 1 - Math.max(r, g, b) / MAX_RGB;
-  let h;
-  if (wh + bk === 1) {
-    h = 0;
-  } else {
-    [h] = transformXyzToHsl(xyz);
-  }
-  return [h, wh * MAX_PCT, bk * MAX_PCT];
-};
-
-/**
- * transform xyz to oklab
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [l, a, b]
- */
-export const transformXyzToOklab = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!skip) {
-    xyz = validateColorComponents(xyz, {
-      maxLength: TRIA,
-      validateRange: false
-    }) as TriColorChannels;
-  }
-  const lms = transformMatrix(MATRIX_XYZ_TO_LMS, xyz, true);
-  const xyzLms = lms.map(c => Math.cbrt(c)) as TriColorChannels;
-  let [l, a, b] = transformMatrix(MATRIX_LMS_TO_OKLAB, xyzLms, true);
-  l = Math.min(Math.max(l, 0), 1);
-  const lPct = Math.round(parseFloat(l.toFixed(QUAD)) * MAX_PCT);
-  if (lPct === 0 || lPct === MAX_PCT) {
-    a = 0;
-    b = 0;
-  }
-  return [l, a, b];
-};
-
-/**
- * transform xyz to oklch
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [l, c, h]
- */
-export const transformXyzToOklch = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  const [l, a, b] = transformXyzToOklab(xyz, skip);
-  let c, h;
-  const lPct = Math.round(parseFloat(l.toFixed(QUAD)) * MAX_PCT);
-  if (lPct === 0 || lPct === MAX_PCT) {
-    c = 0;
-    h = 0;
-  } else {
-    c = Math.max(Math.sqrt(Math.pow(a, POW_SQR) + Math.pow(b, POW_SQR)), 0);
-    if (parseFloat(c.toFixed(QUAD)) === 0) {
-      h = 0;
-    } else {
-      h = (Math.atan2(b, a) * DEG_HALF) / Math.PI;
-      if (h < 0) {
-        h += DEG;
-      }
-    }
-  }
-  return [l, c, h];
-};
-
-/**
- * transform xyz D50 to rgb
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [r, g, b] r|g|b: 0..255
- */
-export const transformXyzD50ToRgb = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!skip) {
-    xyz = validateColorComponents(xyz, {
-      maxLength: TRIA,
-      validateRange: false
-    }) as TriColorChannels;
-  }
-  const xyzD65 = transformMatrix(MATRIX_D50_TO_D65, xyz, true);
-  const rgb = transformXyzToRgb(xyzD65, true);
-  return rgb;
-};
-
-/**
- * transform xyz-d50 to lab
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [l, a, b]
- */
-export const transformXyzD50ToLab = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  if (!skip) {
-    xyz = validateColorComponents(xyz, {
-      maxLength: TRIA,
-      validateRange: false
-    }) as TriColorChannels;
-  }
-  const xyzD50 = xyz.map((val, i) => val / (D50[i] as number));
-  const [f0, f1, f2] = xyzD50.map(val =>
-    val > LAB_EPSILON ? Math.cbrt(val) : (val * LAB_KAPPA + HEX) / LAB_L
-  ) as TriColorChannels;
-  const l = Math.min(Math.max(LAB_L * f1 - HEX, 0), MAX_PCT);
-  let a, b;
-  if (l === 0 || l === MAX_PCT) {
-    a = 0;
-    b = 0;
-  } else {
-    a = (f0 - f1) * LAB_A;
-    b = (f1 - f2) * LAB_B;
-  }
-  return [l, a, b];
-};
-
-/**
- * transform xyz-d50 to lch
- * @param xyz - [x, y, z]
- * @param [skip] - skip validate
- * @returns TriColorChannels - [l, c, h]
- */
-export const transformXyzD50ToLch = (
-  xyz: TriColorChannels,
-  skip: boolean = false
-): TriColorChannels => {
-  const [l, a, b] = transformXyzD50ToLab(xyz, skip);
-  let c, h;
-  if (l === 0 || l === MAX_PCT) {
-    c = 0;
-    h = 0;
-  } else {
-    c = Math.max(Math.sqrt(Math.pow(a, POW_SQR) + Math.pow(b, POW_SQR)), 0);
-    h = (Math.atan2(b, a) * DEG_HALF) / Math.PI;
-    if (h < 0) {
-      h += DEG;
-    }
-  }
-  return [l, c, h];
-};
-
-/**
- * convert rgb to hex color
- * @param rgb - [r, g, b, alpha] r|g|b: 0..255 alpha: 0..1
- * @returns hex color
- */
-export const convertRgbToHex = (rgb: ColorChannels): string => {
-  const [r, g, b, alpha] = validateColorComponents(rgb, {
-    alpha: true,
-    maxRange: MAX_RGB
-  }) as ColorChannels;
-  const rr = numberToHexString(r);
-  const gg = numberToHexString(g);
-  const bb = numberToHexString(b);
-  const aa = numberToHexString(alpha * MAX_RGB);
-  let hex;
-  if (aa === 'ff') {
-    hex = `#${rr}${gg}${bb}`;
-  } else {
-    hex = `#${rr}${gg}${bb}${aa}`;
-  }
-  return hex;
-};
-
-/**
- * convert linear rgb to hex color
- * @param rgb - [r, g, b, alpha] r|g|b|alpha: 0..1
- * @param [skip] - skip validate
- * @returns hex color
- */
-export const convertLinearRgbToHex = (
-  rgb: ColorChannels,
-  skip: boolean = false
-): string => {
-  let r, g, b, alpha;
-  if (skip) {
-    [r, g, b, alpha] = rgb;
-  } else {
-    [r, g, b, alpha] = validateColorComponents(rgb, {
-      minLength: QUAD
-    }) as ColorChannels;
-  }
-  [r, g, b] = transformLinearRgbToRgb([r, g, b], true);
-  const rr = numberToHexString(r);
-  const gg = numberToHexString(g);
-  const bb = numberToHexString(b);
-  const aa = numberToHexString(alpha * MAX_RGB);
-  let hex;
-  if (aa === 'ff') {
-    hex = `#${rr}${gg}${bb}`;
-  } else {
-    hex = `#${rr}${gg}${bb}${aa}`;
-  }
-  return hex;
-};
-
-/**
- * convert xyz to hex color
- * @param xyz - [x, y, z, alpha]
- * @returns hex color
- */
-export const convertXyzToHex = (xyz: ColorChannels): string => {
-  const [x, y, z, alpha] = validateColorComponents(xyz, {
-    minLength: QUAD,
-    validateRange: false
-  }) as ColorChannels;
-  const [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, [x, y, z], true);
-  const hex = convertLinearRgbToHex(
-    [
-      Math.min(Math.max(r, 0), 1),
-      Math.min(Math.max(g, 0), 1),
-      Math.min(Math.max(b, 0), 1),
-      alpha
-    ],
-    true
-  );
-  return hex;
-};
-
-/**
- * convert xyz D50 to hex color
- * @param xyz - [x, y, z, alpha]
- * @returns hex color
- */
-export const convertXyzD50ToHex = (xyz: ColorChannels): string => {
-  const [x, y, z, alpha] = validateColorComponents(xyz, {
-    minLength: QUAD,
-    validateRange: false
-  }) as ColorChannels;
-  const xyzD65 = transformMatrix(MATRIX_D50_TO_D65, [x, y, z], true);
-  const [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, xyzD65, true);
-  const hex = convertLinearRgbToHex([
-    Math.min(Math.max(r, 0), 1),
-    Math.min(Math.max(g, 0), 1),
-    Math.min(Math.max(b, 0), 1),
-    alpha
-  ]);
-  return hex;
-};
-
-/**
- * convert hex color to rgb
- * @param value - hex color value
- * @returns ColorChannels - [r, g, b, alpha] r|g|b: 0..255 alpha: 0..1
- */
-export const convertHexToRgb = (value: string): ColorChannels => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  if (
-    !(
-      /^#[\da-f]{6}$/.test(value) ||
-      /^#[\da-f]{3}$/.test(value) ||
-      /^#[\da-f]{8}$/.test(value) ||
-      /^#[\da-f]{4}$/.test(value)
-    )
-  ) {
-    throw new SyntaxError(`Invalid property value: ${value}`);
-  }
-  const arr: number[] = [];
-  if (/^#[\da-f]{3}$/.test(value)) {
-    const [, r, g, b] = value.match(
-      /^#([\da-f])([\da-f])([\da-f])$/
-    ) as MatchedRegExp;
-    arr.push(
-      parseInt(`${r}${r}`, HEX),
-      parseInt(`${g}${g}`, HEX),
-      parseInt(`${b}${b}`, HEX),
-      1
-    );
-  } else if (/^#[\da-f]{4}$/.test(value)) {
-    const [, r, g, b, alpha] = value.match(
-      /^#([\da-f])([\da-f])([\da-f])([\da-f])$/
-    ) as MatchedRegExp;
-    arr.push(
-      parseInt(`${r}${r}`, HEX),
-      parseInt(`${g}${g}`, HEX),
-      parseInt(`${b}${b}`, HEX),
-      parseHexAlpha(`${alpha}${alpha}`)
-    );
-  } else if (/^#[\da-f]{8}$/.test(value)) {
-    const [, r, g, b, alpha] = value.match(
-      /^#([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/
-    ) as MatchedRegExp;
-    arr.push(
-      parseInt(r, HEX),
-      parseInt(g, HEX),
-      parseInt(b, HEX),
-      parseHexAlpha(alpha)
-    );
-  } else {
-    const [, r, g, b] = value.match(
-      /^#([\da-f]{2})([\da-f]{2})([\da-f]{2})$/
-    ) as MatchedRegExp;
-    arr.push(parseInt(r, HEX), parseInt(g, HEX), parseInt(b, HEX), 1);
-  }
-  return arr as ColorChannels;
-};
-
-/**
- * convert hex color to linear rgb
- * @param value - hex color value
- * @returns ColorChannels - [r, g, b, alpha] r|g|b|alpha: 0..1
- */
-export const convertHexToLinearRgb = (value: string): ColorChannels => {
-  const [rr, gg, bb, alpha] = convertHexToRgb(value);
-  const [r, g, b] = transformRgbToLinearRgb([rr, gg, bb], true);
-  return [r, g, b, alpha];
-};
-
-/**
- * convert hex color to xyz
- * @param value - hex color value
- * @returns ColorChannels - [x, y, z, alpha]
- */
-export const convertHexToXyz = (value: string): ColorChannels => {
-  const [r, g, b, alpha] = convertHexToLinearRgb(value);
-  const [x, y, z] = transformMatrix(MATRIX_L_RGB_TO_XYZ, [r, g, b], true);
-  return [x, y, z, alpha];
-};
-
-/**
- * parse rgb()
- * @param value - rgb color value
- * @param [opt] - options
- * @returns parsed color - ['rgb', r, g, b, alpha], '(empty)', NullObject
- */
-export const parseRgb = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  const reg = new RegExp(`^rgba?\\(\\s*(${SYN_MOD}|${SYN_RGB_LV3})\\s*\\)$`);
-  if (!reg.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const [, val] = value.match(reg) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace(/[,/]/g, ' ')
-    .split(/\s+/) as StringColorChannels;
-  let r, g, b;
-  if (v1 === NONE) {
-    r = 0;
-  } else {
-    if (v1.endsWith('%')) {
-      r = (parseFloat(v1) * MAX_RGB) / MAX_PCT;
-    } else {
-      r = parseFloat(v1);
-    }
-    r = Math.min(Math.max(roundToPrecision(r, OCT), 0), MAX_RGB);
-  }
-  if (v2 === NONE) {
-    g = 0;
-  } else {
-    if (v2.endsWith('%')) {
-      g = (parseFloat(v2) * MAX_RGB) / MAX_PCT;
-    } else {
-      g = parseFloat(v2);
-    }
-    g = Math.min(Math.max(roundToPrecision(g, OCT), 0), MAX_RGB);
-  }
-  if (v3 === NONE) {
-    b = 0;
-  } else {
-    if (v3.endsWith('%')) {
-      b = (parseFloat(v3) * MAX_RGB) / MAX_PCT;
-    } else {
-      b = parseFloat(v3);
-    }
-    b = Math.min(Math.max(roundToPrecision(b, OCT), 0), MAX_RGB);
-  }
-  const alpha = parseAlpha(v4);
-  return ['rgb', r, g, b, format === VAL_MIX && v4 === NONE ? NONE : alpha];
-};
-
-/**
- * parse hsl()
- * @param value - hsl color value
- * @param [opt] - options
- * @returns parsed color - ['rgb', r, g, b, alpha], '(empty)', NullObject
- */
-export const parseHsl = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_HSL.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const [, val] = value.match(REG_HSL) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace(/[,/]/g, ' ')
-    .split(/\s+/) as StringColorChannels;
-  let h, s, l;
-  if (v1 === NONE) {
-    h = 0;
-  } else {
-    h = angleToDeg(v1);
-  }
-  if (v2 === NONE) {
-    s = 0;
-  } else {
-    s = Math.min(Math.max(parseFloat(v2), 0), MAX_PCT);
-  }
-  if (v3 === NONE) {
-    l = 0;
-  } else {
-    l = Math.min(Math.max(parseFloat(v3), 0), MAX_PCT);
-  }
-  const alpha = parseAlpha(v4);
-  if (format === 'hsl') {
-    return [
-      format,
-      v1 === NONE ? v1 : h,
-      v2 === NONE ? v2 : s,
-      v3 === NONE ? v3 : l,
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  h = (h / DEG) * DOZ;
-  l /= MAX_PCT;
-  const sa = (s / MAX_PCT) * Math.min(l, 1 - l);
-  const rk = h % DOZ;
-  const gk = (8 + h) % DOZ;
-  const bk = (4 + h) % DOZ;
-  const r = l - sa * Math.max(-1, Math.min(rk - TRIA, TRIA ** POW_SQR - rk, 1));
-  const g = l - sa * Math.max(-1, Math.min(gk - TRIA, TRIA ** POW_SQR - gk, 1));
-  const b = l - sa * Math.max(-1, Math.min(bk - TRIA, TRIA ** POW_SQR - bk, 1));
-  return [
-    'rgb',
-    Math.min(Math.max(roundToPrecision(r * MAX_RGB, OCT), 0), MAX_RGB),
-    Math.min(Math.max(roundToPrecision(g * MAX_RGB, OCT), 0), MAX_RGB),
-    Math.min(Math.max(roundToPrecision(b * MAX_RGB, OCT), 0), MAX_RGB),
-    alpha
-  ];
-};
-
-/**
- * parse hwb()
- * @param value - hwb color value
- * @param [opt] - options
- * @returns parsed color - ['rgb', r, g, b, alpha], '(empty)', NullObject
- */
-export const parseHwb = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_HWB.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const [, val] = value.match(REG_HWB) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorChannels;
-  let h, wh, bk;
-  if (v1 === NONE) {
-    h = 0;
-  } else {
-    h = angleToDeg(v1);
-  }
-  if (v2 === NONE) {
-    wh = 0;
-  } else {
-    wh = Math.min(Math.max(parseFloat(v2), 0), MAX_PCT) / MAX_PCT;
-  }
-  if (v3 === NONE) {
-    bk = 0;
-  } else {
-    bk = Math.min(Math.max(parseFloat(v3), 0), MAX_PCT) / MAX_PCT;
-  }
-  const alpha = parseAlpha(v4);
-  if (format === 'hwb') {
-    return [
-      format,
-      v1 === NONE ? v1 : h,
-      v2 === NONE ? v2 : wh * MAX_PCT,
-      v3 === NONE ? v3 : bk * MAX_PCT,
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  if (wh + bk >= 1) {
-    const v = roundToPrecision((wh / (wh + bk)) * MAX_RGB, OCT);
-    return ['rgb', v, v, v, alpha];
-  }
-  const factor = (1 - wh - bk) / MAX_RGB;
-  let [, r, g, b] = parseHsl(`hsl(${h} 100 50)`) as ComputedColorChannels;
-  r = roundToPrecision((r * factor + wh) * MAX_RGB, OCT);
-  g = roundToPrecision((g * factor + wh) * MAX_RGB, OCT);
-  b = roundToPrecision((b * factor + wh) * MAX_RGB, OCT);
-  return [
-    'rgb',
-    Math.min(Math.max(r, 0), MAX_RGB),
-    Math.min(Math.max(g, 0), MAX_RGB),
-    Math.min(Math.max(b, 0), MAX_RGB),
-    alpha
-  ];
-};
-
-/**
- * parse lab()
- * @param value - lab color value
- * @param [opt] - options
- * @returns parsed color
- *   - [xyz-d50, x, y, z, alpha], ['lab', l, a, b, alpha], '(empty)', NullObject
- */
-export const parseLab = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_LAB.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const COEF_PCT = 1.25;
-  const COND_POW = 8;
-  const [, val] = value.match(REG_LAB) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorChannels;
-  let l, a, b;
-  if (v1 === NONE) {
-    l = 0;
-  } else {
-    if (v1.endsWith('%')) {
-      l = parseFloat(v1);
-      if (l > MAX_PCT) {
-        l = MAX_PCT;
-      }
-    } else {
-      l = parseFloat(v1);
-    }
-    if (l < 0) {
-      l = 0;
-    }
-  }
-  if (v2 === NONE) {
-    a = 0;
-  } else {
-    a = v2.endsWith('%') ? parseFloat(v2) * COEF_PCT : parseFloat(v2);
-  }
-  if (v3 === NONE) {
-    b = 0;
-  } else {
-    b = v3.endsWith('%') ? parseFloat(v3) * COEF_PCT : parseFloat(v3);
-  }
-  const alpha = parseAlpha(v4);
-  if (REG_SPEC.test(format)) {
-    return [
-      'lab',
-      v1 === NONE ? v1 : roundToPrecision(l, HEX),
-      v2 === NONE ? v2 : roundToPrecision(a, HEX),
-      v3 === NONE ? v3 : roundToPrecision(b, HEX),
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  const fl = (l + HEX) / LAB_L;
-  const fa = a / LAB_A + fl;
-  const fb = fl - b / LAB_B;
-  const powFl = Math.pow(fl, POW_CUBE);
-  const powFa = Math.pow(fa, POW_CUBE);
-  const powFb = Math.pow(fb, POW_CUBE);
-  const xyz = [
-    powFa > LAB_EPSILON ? powFa : (fa * LAB_L - HEX) / LAB_KAPPA,
-    l > COND_POW ? powFl : l / LAB_KAPPA,
-    powFb > LAB_EPSILON ? powFb : (fb * LAB_L - HEX) / LAB_KAPPA
-  ];
-  const [x, y, z] = xyz.map(
-    (val, i) => val * (D50[i] as number)
-  ) as TriColorChannels;
-  return [
-    'xyz-d50',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    alpha
-  ];
-};
-
-/**
- * parse lch()
- * @param value - lch color value
- * @param [opt] - options
- * @returns parsed color
- *   - ['xyz-d50', x, y, z, alpha], ['lch', l, c, h, alpha]
- *   - '(empty)', NullObject
- */
-export const parseLch = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_LCH.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const COEF_PCT = 1.5;
-  const [, val] = value.match(REG_LCH) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorChannels;
-  let l, c, h;
-  if (v1 === NONE) {
-    l = 0;
-  } else {
-    l = parseFloat(v1);
-    if (l < 0) {
-      l = 0;
-    }
-  }
-  if (v2 === NONE) {
-    c = 0;
-  } else {
-    c = v2.endsWith('%') ? parseFloat(v2) * COEF_PCT : parseFloat(v2);
-  }
-  if (v3 === NONE) {
-    h = 0;
-  } else {
-    h = angleToDeg(v3);
-  }
-  const alpha = parseAlpha(v4);
-  if (REG_SPEC.test(format)) {
-    return [
-      'lch',
-      v1 === NONE ? v1 : roundToPrecision(l, HEX),
-      v2 === NONE ? v2 : roundToPrecision(c, HEX),
-      v3 === NONE ? v3 : roundToPrecision(h, HEX),
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  const a = c * Math.cos((h * Math.PI) / DEG_HALF);
-  const b = c * Math.sin((h * Math.PI) / DEG_HALF);
-  const [, x, y, z] = parseLab(`lab(${l} ${a} ${b})`) as ComputedColorChannels;
-  return [
-    'xyz-d50',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    alpha as number
-  ];
-};
-
-/**
- * parse oklab()
- * @param value - oklab color value
- * @param [opt] - options
- * @returns parsed color
- *   - ['xyz-d65', x, y, z, alpha], ['oklab', l, a, b, alpha]
- *   - '(empty)', NullObject
- */
-export const parseOklab = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_OKLAB.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const COEF_PCT = 0.4;
-  const [, val] = value.match(REG_OKLAB) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorChannels;
-  let l, a, b;
-  if (v1 === NONE) {
-    l = 0;
-  } else {
-    l = v1.endsWith('%') ? parseFloat(v1) / MAX_PCT : parseFloat(v1);
-    if (l < 0) {
-      l = 0;
-    }
-  }
-  if (v2 === NONE) {
-    a = 0;
-  } else if (v2.endsWith('%')) {
-    a = (parseFloat(v2) * COEF_PCT) / MAX_PCT;
-  } else {
-    a = parseFloat(v2);
-  }
-  if (v3 === NONE) {
-    b = 0;
-  } else if (v3.endsWith('%')) {
-    b = (parseFloat(v3) * COEF_PCT) / MAX_PCT;
-  } else {
-    b = parseFloat(v3);
-  }
-  const alpha = parseAlpha(v4);
-  if (REG_SPEC.test(format)) {
-    return [
-      'oklab',
-      v1 === NONE ? v1 : roundToPrecision(l, HEX),
-      v2 === NONE ? v2 : roundToPrecision(a, HEX),
-      v3 === NONE ? v3 : roundToPrecision(b, HEX),
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  const lms = transformMatrix(MATRIX_OKLAB_TO_LMS, [l, a, b]);
-  const xyzLms = lms.map(c => Math.pow(c, POW_CUBE)) as TriColorChannels;
-  const [x, y, z] = transformMatrix(MATRIX_LMS_TO_XYZ, xyzLms, true);
-  return [
-    'xyz-d65',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    alpha as number
-  ];
-};
-
-/**
- * parse oklch()
- * @param value - oklch color value
- * @param [opt] - options
- * @returns parsed color
- *   - ['xyz-d65', x, y, z, alpha], ['oklch', l, c, h, alpha]
- *   - '(empty)', NullObject
- */
-export const parseOklch = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  if (!REG_OKLCH.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const COEF_PCT = 0.4;
-  const [, val] = value.match(REG_OKLCH) as MatchedRegExp;
-  const [v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorChannels;
-  let l, c, h;
-  if (v1 === NONE) {
-    l = 0;
-  } else {
-    l = v1.endsWith('%') ? parseFloat(v1) / MAX_PCT : parseFloat(v1);
-    if (l < 0) {
-      l = 0;
-    }
-  }
-  if (v2 === NONE) {
-    c = 0;
-  } else {
-    if (v2.endsWith('%')) {
-      c = (parseFloat(v2) * COEF_PCT) / MAX_PCT;
-    } else {
-      c = parseFloat(v2);
-    }
-    if (c < 0) {
-      c = 0;
-    }
-  }
-  if (v3 === NONE) {
-    h = 0;
-  } else {
-    h = angleToDeg(v3);
-  }
-  const alpha = parseAlpha(v4);
-  if (REG_SPEC.test(format)) {
-    return [
-      'oklch',
-      v1 === NONE ? v1 : roundToPrecision(l, HEX),
-      v2 === NONE ? v2 : roundToPrecision(c, HEX),
-      v3 === NONE ? v3 : roundToPrecision(h, HEX),
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  const a = c * Math.cos((h * Math.PI) / DEG_HALF);
-  const b = c * Math.sin((h * Math.PI) / DEG_HALF);
-  const lms = transformMatrix(MATRIX_OKLAB_TO_LMS, [l, a, b]);
-  const xyzLms = lms.map(cc => Math.pow(cc, POW_CUBE)) as TriColorChannels;
-  const [x, y, z] = transformMatrix(MATRIX_LMS_TO_XYZ, xyzLms, true);
-  return [
-    'xyz-d65',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    alpha
-  ];
-};
-
-/**
- * parse color()
- * @param value - color function value
- * @param [opt] - options
- * @returns parsed color
- *   - ['xyz-(d50|d65)', x, y, z, alpha], [cs, r, g, b, alpha]
- *   - '(empty)', NullObject
- */
-export const parseColorFunc = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { colorSpace = '', d50 = false, format = '', nullable = false } = opt;
-  if (!REG_FN_COLOR.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const [, val] = value.match(REG_FN_COLOR) as MatchedRegExp;
-  let [cs, v1, v2, v3, v4 = ''] = val
-    .replace('/', ' ')
-    .split(/\s+/) as StringColorSpacedChannels;
-  let r, g, b;
-  if (cs === 'xyz') {
-    cs = 'xyz-d65';
-  }
-  if (v1 === NONE) {
-    r = 0;
-  } else {
-    r = v1.endsWith('%') ? parseFloat(v1) / MAX_PCT : parseFloat(v1);
-  }
-  if (v2 === NONE) {
-    g = 0;
-  } else {
-    g = v2.endsWith('%') ? parseFloat(v2) / MAX_PCT : parseFloat(v2);
-  }
-  if (v3 === NONE) {
-    b = 0;
-  } else {
-    b = v3.endsWith('%') ? parseFloat(v3) / MAX_PCT : parseFloat(v3);
-  }
-  const alpha = parseAlpha(v4);
-  if (REG_SPEC.test(format) || (format === VAL_MIX && cs === colorSpace)) {
-    return [
-      cs,
-      v1 === NONE ? v1 : roundToPrecision(r, DEC),
-      v2 === NONE ? v2 : roundToPrecision(g, DEC),
-      v3 === NONE ? v3 : roundToPrecision(b, DEC),
-      v4 === NONE ? v4 : alpha
-    ];
-  }
-  let x = 0;
-  let y = 0;
-  let z = 0;
-  // srgb-linear
-  if (cs === 'srgb-linear') {
-    [x, y, z] = transformMatrix(MATRIX_L_RGB_TO_XYZ, [r, g, b]);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // display-p3
-  } else if (cs === 'display-p3') {
-    const linearRgb = transformRgbToLinearRgb([
-      r * MAX_RGB,
-      g * MAX_RGB,
-      b * MAX_RGB
-    ]);
-    [x, y, z] = transformMatrix(MATRIX_P3_TO_XYZ, linearRgb);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // rec2020
-  } else if (cs === 'rec2020') {
-    const ALPHA = 1.09929682680944;
-    const BETA = 0.018053968510807;
-    const REC_COEF = 0.45;
-    const rgb = [r, g, b].map(c => {
-      let cl;
-      if (c < BETA * REC_COEF * DEC) {
-        cl = c / (REC_COEF * DEC);
-      } else {
-        cl = Math.pow((c + ALPHA - 1) / ALPHA, 1 / REC_COEF);
-      }
-      return cl;
-    }) as TriColorChannels;
-    [x, y, z] = transformMatrix(MATRIX_REC2020_TO_XYZ, rgb);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // a98-rgb
-  } else if (cs === 'a98-rgb') {
-    const POW_A98 = 563 / 256;
-    const rgb = [r, g, b].map(c => {
-      const cl = Math.pow(c, POW_A98);
-      return cl;
-    }) as TriColorChannels;
-    [x, y, z] = transformMatrix(MATRIX_A98_TO_XYZ, rgb);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // prophoto-rgb
-  } else if (cs === 'prophoto-rgb') {
-    const POW_PROPHOTO = 1.8;
-    const rgb = [r, g, b].map(c => {
-      let cl;
-      if (c > 1 / (HEX * DUO)) {
-        cl = Math.pow(c, POW_PROPHOTO);
-      } else {
-        cl = c / HEX;
-      }
-      return cl;
-    }) as TriColorChannels;
-    [x, y, z] = transformMatrix(MATRIX_PROPHOTO_TO_XYZ_D50, rgb);
-    if (!d50) {
-      [x, y, z] = transformMatrix(MATRIX_D50_TO_D65, [x, y, z], true);
-    }
-    // xyz, xyz-d50, xyz-d65
-  } else if (/^xyz(?:-d(?:50|65))?$/.test(cs)) {
-    [x, y, z] = [r, g, b];
-    if (cs === 'xyz-d50') {
-      if (!d50) {
-        [x, y, z] = transformMatrix(MATRIX_D50_TO_D65, [x, y, z]);
-      }
-    } else if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // srgb
-  } else {
-    [x, y, z] = transformRgbToXyz([r * MAX_RGB, g * MAX_RGB, b * MAX_RGB]);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-  }
-  return [
-    d50 ? 'xyz-d50' : 'xyz-d65',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    format === VAL_MIX && v4 === NONE ? v4 : alpha
-  ];
-};
-
-/**
- * parse color value
- * @param value - CSS color value
- * @param [opt] - options
- * @returns parsed color
- *   - ['xyz-(d50|d65)', x, y, z, alpha], ['rgb', r, g, b, alpha]
- *   - value, '(empty)', NullObject
- */
-export const parseColorValue = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { d50 = false, format = '', nullable = false } = opt;
-  if (!REG_COLOR.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      return res;
-    }
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  let x = 0;
-  let y = 0;
-  let z = 0;
-  let alpha = 0;
-  // complement currentcolor as a missing color
-  if (REG_CURRENT.test(value)) {
-    if (format === VAL_COMP) {
-      return ['rgb', 0, 0, 0, 0];
-    }
-    if (format === VAL_SPEC) {
-      return value;
-    }
-    // named-color
-  } else if (/^[a-z]+$/.test(value)) {
-    if (Object.prototype.hasOwnProperty.call(NAMED_COLORS, value)) {
-      if (format === VAL_SPEC) {
-        return value;
-      }
-      const [r, g, b] = NAMED_COLORS[
-        value as keyof typeof NAMED_COLORS
-      ] as TriColorChannels;
-      alpha = 1;
-      if (format === VAL_COMP) {
-        return ['rgb', r, g, b, alpha];
-      }
-      [x, y, z] = transformRgbToXyz([r, g, b], true);
-      if (d50) {
-        [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-      }
-    } else {
-      switch (format) {
-        case VAL_COMP: {
-          if (nullable && value !== 'transparent') {
-            return new NullObject();
-          }
-          return ['rgb', 0, 0, 0, 0];
-        }
-        case VAL_SPEC: {
-          if (value === 'transparent') {
-            return value;
-          }
-          return '';
-        }
-        case VAL_MIX: {
-          if (value === 'transparent') {
-            return ['rgb', 0, 0, 0, 0];
-          }
-          return new NullObject();
-        }
-        default:
-      }
-    }
-    // hex-color
-  } else if (value[0] === '#') {
-    if (REG_SPEC.test(format)) {
-      const rgb = convertHexToRgb(value);
-      return ['rgb', ...rgb];
-    }
-    [x, y, z, alpha] = convertHexToXyz(value);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // lab()
-  } else if (value.startsWith('lab')) {
-    if (REG_SPEC.test(format)) {
-      return parseLab(value, opt);
-    }
-    [, x, y, z, alpha] = parseLab(value) as ComputedColorChannels;
-    if (!d50) {
-      [x, y, z] = transformMatrix(MATRIX_D50_TO_D65, [x, y, z], true);
-    }
-    // lch()
-  } else if (value.startsWith('lch')) {
-    if (REG_SPEC.test(format)) {
-      return parseLch(value, opt);
-    }
-    [, x, y, z, alpha] = parseLch(value) as ComputedColorChannels;
-    if (!d50) {
-      [x, y, z] = transformMatrix(MATRIX_D50_TO_D65, [x, y, z], true);
-    }
-    // oklab()
-  } else if (value.startsWith('oklab')) {
-    if (REG_SPEC.test(format)) {
-      return parseOklab(value, opt);
-    }
-    [, x, y, z, alpha] = parseOklab(value) as ComputedColorChannels;
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-    // oklch()
-  } else if (value.startsWith('oklch')) {
-    if (REG_SPEC.test(format)) {
-      return parseOklch(value, opt);
-    }
-    [, x, y, z, alpha] = parseOklch(value) as ComputedColorChannels;
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-  } else {
-    let r, g, b;
-    // hsl()
-    if (value.startsWith('hsl')) {
-      [, r, g, b, alpha] = parseHsl(value) as ComputedColorChannels;
-      // hwb()
-    } else if (value.startsWith('hwb')) {
-      [, r, g, b, alpha] = parseHwb(value) as ComputedColorChannels;
-      // rgb()
-    } else {
-      [, r, g, b, alpha] = parseRgb(value, opt) as ComputedColorChannels;
-    }
-    if (REG_SPEC.test(format)) {
-      return ['rgb', Math.round(r), Math.round(g), Math.round(b), alpha];
-    }
-    [x, y, z] = transformRgbToXyz([r, g, b]);
-    if (d50) {
-      [x, y, z] = transformMatrix(MATRIX_D65_TO_D50, [x, y, z], true);
-    }
-  }
-  return [
-    d50 ? 'xyz-d50' : 'xyz-d65',
-    roundToPrecision(x, HEX),
-    roundToPrecision(y, HEX),
-    roundToPrecision(z, HEX),
-    alpha
-  ];
-};
-
-/**
- * resolve color value
- * @param value - CSS color value
- * @param [opt] - options
- * @returns resolved color
- *   - [cs, v1, v2, v3, alpha], value, '(empty)', NullObject
- */
-export const resolveColorValue = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { colorSpace = '', format = '', nullable = false } = opt;
-  const cacheKey: string = createCacheKey(
-    {
-      namespace: NAMESPACE,
-      name: 'resolveColorValue',
-      value
-    },
-    opt
-  );
-  const cachedResult = getCache(cacheKey);
-  if (cachedResult instanceof CacheItem) {
-    if (cachedResult.isNull) {
-      return cachedResult as NullObject;
-    }
-    const cachedItem = cachedResult.item;
-    if (isString(cachedItem)) {
-      return cachedItem as string;
-    }
-    return cachedItem as SpecifiedColorChannels;
-  }
-  if (!REG_COLOR.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      setCache(cacheKey, null);
-      return res;
-    }
-    setCache(cacheKey, res);
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  let cs = '';
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  let alpha = 0;
-  // complement currentcolor as a missing color
-  if (REG_CURRENT.test(value)) {
-    if (format === VAL_SPEC) {
-      setCache(cacheKey, value);
-      return value;
-    }
-    // named-color
-  } else if (/^[a-z]+$/.test(value)) {
-    if (Object.prototype.hasOwnProperty.call(NAMED_COLORS, value)) {
-      if (format === VAL_SPEC) {
-        setCache(cacheKey, value);
-        return value;
-      }
-      [r, g, b] = NAMED_COLORS[
-        value as keyof typeof NAMED_COLORS
-      ] as TriColorChannels;
-      alpha = 1;
-    } else {
-      switch (format) {
-        case VAL_SPEC: {
-          if (value === 'transparent') {
-            setCache(cacheKey, value);
-            return value;
-          }
-          const res = '';
-          setCache(cacheKey, res);
-          return res;
-        }
-        case VAL_MIX: {
-          if (value === 'transparent') {
-            const res: SpecifiedColorChannels = ['rgb', 0, 0, 0, 0];
-            setCache(cacheKey, res);
-            return res;
-          }
-          setCache(cacheKey, null);
-          return new NullObject();
-        }
-        case VAL_COMP:
-        default: {
-          if (nullable && value !== 'transparent') {
-            setCache(cacheKey, null);
-            return new NullObject();
-          }
-          const res: SpecifiedColorChannels = ['rgb', 0, 0, 0, 0];
-          setCache(cacheKey, res);
-          return res;
-        }
-      }
-    }
-    // hex-color
-  } else if (value[0] === '#') {
-    [r, g, b, alpha] = convertHexToRgb(value);
-    // hsl()
-  } else if (value.startsWith('hsl')) {
-    [, r, g, b, alpha] = parseHsl(value, opt) as ComputedColorChannels;
-    // hwb()
-  } else if (value.startsWith('hwb')) {
-    [, r, g, b, alpha] = parseHwb(value, opt) as ComputedColorChannels;
-    // lab(), lch()
-  } else if (/^l(?:ab|ch)/.test(value)) {
-    let x, y, z;
-    if (value.startsWith('lab')) {
-      [cs, x, y, z, alpha] = parseLab(value, opt) as ComputedColorChannels;
-    } else {
-      [cs, x, y, z, alpha] = parseLch(value, opt) as ComputedColorChannels;
-    }
-    if (REG_SPEC.test(format)) {
-      const res: SpecifiedColorChannels = [cs, x, y, z, alpha];
-      setCache(cacheKey, res);
-      return res;
-    }
-    [r, g, b] = transformXyzD50ToRgb([x, y, z]);
-    // oklab(), oklch()
-  } else if (/^okl(?:ab|ch)/.test(value)) {
-    let x, y, z;
-    if (value.startsWith('oklab')) {
-      [cs, x, y, z, alpha] = parseOklab(value, opt) as ComputedColorChannels;
-    } else {
-      [cs, x, y, z, alpha] = parseOklch(value, opt) as ComputedColorChannels;
-    }
-    if (REG_SPEC.test(format)) {
-      const res: SpecifiedColorChannels = [cs, x, y, z, alpha];
-      setCache(cacheKey, res);
-      return res;
-    }
-    [r, g, b] = transformXyzToRgb([x, y, z]);
-    // rgb()
-  } else {
-    [, r, g, b, alpha] = parseRgb(value, opt) as ComputedColorChannels;
-  }
-  if (format === VAL_MIX && colorSpace === 'srgb') {
-    const res: SpecifiedColorChannels = [
-      'srgb',
-      r / MAX_RGB,
-      g / MAX_RGB,
-      b / MAX_RGB,
-      alpha
-    ];
-    setCache(cacheKey, res);
-    return res;
-  }
-  const res: SpecifiedColorChannels = [
-    'rgb',
-    Math.round(r),
-    Math.round(g),
-    Math.round(b),
-    alpha
-  ];
-  setCache(cacheKey, res);
-  return res;
-};
-
-/**
- * resolve color()
- * @param value - color function value
- * @param [opt] - options
- * @returns resolved color - [cs, v1, v2, v3, alpha], '(empty)', NullObject
- */
-export const resolveColorFunc = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { colorSpace = '', format = '', nullable = false } = opt;
-  const cacheKey: string = createCacheKey(
-    {
-      namespace: NAMESPACE,
-      name: 'resolveColorFunc',
-      value
-    },
-    opt
-  );
-  const cachedResult = getCache(cacheKey);
-  if (cachedResult instanceof CacheItem) {
-    if (cachedResult.isNull) {
-      return cachedResult as NullObject;
-    }
-    const cachedItem = cachedResult.item;
-    if (isString(cachedItem)) {
-      return cachedItem as string;
-    }
-    return cachedItem as SpecifiedColorChannels;
-  }
-  if (!REG_FN_COLOR.test(value)) {
-    const res = resolveInvalidColorValue(format, nullable);
-    if (res instanceof NullObject) {
-      setCache(cacheKey, null);
-      return res;
-    }
-    setCache(cacheKey, res);
-    if (isString(res)) {
-      return res as string;
-    }
-    return res as SpecifiedColorChannels;
-  }
-  const [cs, v1, v2, v3, v4] = parseColorFunc(
-    value,
-    opt
-  ) as SpecifiedColorChannels;
-  if (REG_SPEC.test(format) || (format === VAL_MIX && cs === colorSpace)) {
-    const res: SpecifiedColorChannels = [cs, v1, v2, v3, v4];
-    setCache(cacheKey, res);
-    return res;
-  }
-  const x = parseFloat(`${v1}`);
-  const y = parseFloat(`${v2}`);
-  const z = parseFloat(`${v3}`);
-  const alpha = parseAlpha(`${v4}`);
-  const [r, g, b] = transformXyzToRgb([x, y, z], true);
-  const res: SpecifiedColorChannels = ['rgb', r, g, b, alpha];
-  setCache(cacheKey, res);
-  return res;
-};
-
-/**
- * convert color value to linear rgb
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [r, g, b, alpha] r|g|b|alpha: 0..1
- */
-export const convertColorToLinearRgb = (
-  value: string,
-  opt: {
-    colorSpace?: string;
-    format?: string;
-  } = {}
-): ColorChannels | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { colorSpace = '', format = '' } = opt;
-  let cs = '';
-  let r, g, b, alpha, x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [cs, x, y, z, alpha] = xyz as ComputedColorChannels;
-    if (cs === colorSpace) {
-      return [x, y, z, alpha];
-    }
-    [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, [x, y, z], true);
-  } else if (value.startsWith(FN_COLOR)) {
-    const [, val] = value.match(REG_FN_COLOR) as MatchedRegExp;
-    const [cs] = val
-      .replace('/', ' ')
-      .split(/\s+/) as StringColorSpacedChannels;
-    if (cs === 'srgb-linear') {
-      [, r, g, b, alpha] = resolveColorFunc(value, {
-        format: VAL_COMP
-      }) as ComputedColorChannels;
-    } else {
-      [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-      [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, [x, y, z], true);
-    }
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value) as ComputedColorChannels;
-    [r, g, b] = transformMatrix(MATRIX_XYZ_TO_L_RGB, [x, y, z], true);
-  }
-  return [
-    Math.min(Math.max(r, 0), 1),
-    Math.min(Math.max(g, 0), 1),
-    Math.min(Math.max(b, 0), 1),
-    alpha
-  ];
-};
-
-/**
- * convert color value to rgb
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject
- *   - [r, g, b, alpha] r|g|b: 0..255 alpha: 0..1
- */
-export const convertColorToRgb = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let r, g, b, alpha;
-  if (format === VAL_MIX) {
-    let rgb;
-    if (value.startsWith(FN_COLOR)) {
-      rgb = resolveColorFunc(value, opt);
-    } else {
-      rgb = resolveColorValue(value, opt);
-    }
-    if (rgb instanceof NullObject) {
-      return rgb;
-    }
-    [, r, g, b, alpha] = rgb as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    const [, val] = value.match(REG_FN_COLOR) as MatchedRegExp;
-    const [cs] = val
-      .replace('/', ' ')
-      .split(/\s+/) as StringColorSpacedChannels;
-    if (cs === 'srgb') {
-      [, r, g, b, alpha] = resolveColorFunc(value, {
-        format: VAL_COMP
-      }) as ComputedColorChannels;
-      r *= MAX_RGB;
-      g *= MAX_RGB;
-      b *= MAX_RGB;
-    } else {
-      [, r, g, b, alpha] = resolveColorFunc(value) as ComputedColorChannels;
-    }
-  } else if (/^(?:ok)?l(?:ab|ch)/.test(value)) {
-    [r, g, b, alpha] = convertColorToLinearRgb(value) as ColorChannels;
-    [r, g, b] = transformLinearRgbToRgb([r, g, b]);
-  } else {
-    [, r, g, b, alpha] = resolveColorValue(value, {
-      format: VAL_COMP
-    }) as ComputedColorChannels;
-  }
-  return [r, g, b, alpha];
-};
-
-/**
- * convert color value to xyz
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [x, y, z, alpha]
- */
-export const convertColorToXyz = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { d50 = false, format = '' } = opt;
-  let x, y, z, alpha;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    const [, val] = value.match(REG_FN_COLOR) as MatchedRegExp;
-    const [cs] = val
-      .replace('/', ' ')
-      .split(/\s+/) as StringColorSpacedChannels;
-    if (d50) {
-      if (cs === 'xyz-d50') {
-        [, x, y, z, alpha] = resolveColorFunc(value, {
-          format: VAL_COMP
-        }) as ComputedColorChannels;
-      } else {
-        [, x, y, z, alpha] = parseColorFunc(
-          value,
-          opt
-        ) as ComputedColorChannels;
-      }
-    } else if (/^xyz(?:-d65)?$/.test(cs)) {
-      [, x, y, z, alpha] = resolveColorFunc(value, {
-        format: VAL_COMP
-      }) as ComputedColorChannels;
-    } else {
-      [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-    }
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value, opt) as ComputedColorChannels;
-  }
-  return [x, y, z, alpha];
-};
-
-/**
- * convert color value to hsl
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [h, s, l, alpha], hue may be powerless
- */
-export const convertColorToHsl = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | [number | string, number, number, number] | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let h, s, l, alpha;
-  if (REG_HSL.test(value)) {
-    [, h, s, l, alpha] = parseHsl(value, {
-      format: 'hsl'
-    }) as ComputedColorChannels;
-    if (format === 'hsl') {
-      return [Math.round(h), Math.round(s), Math.round(l), alpha];
-    }
-    return [h, s, l, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value) as ComputedColorChannels;
-  }
-  [h, s, l] = transformXyzToHsl([x, y, z], true) as TriColorChannels;
-  if (format === 'hsl') {
-    return [Math.round(h), Math.round(s), Math.round(l), alpha];
-  }
-  return [format === VAL_MIX && s === 0 ? NONE : h, s, l, alpha];
-};
-
-/**
- * convert color value to hwb
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [h, w, b, alpha], hue may be powerless
- */
-export const convertColorToHwb = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | [number | string, number, number, number] | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let h, w, b, alpha;
-  if (REG_HWB.test(value)) {
-    [, h, w, b, alpha] = parseHwb(value, {
-      format: 'hwb'
-    }) as ComputedColorChannels;
-    if (format === 'hwb') {
-      return [Math.round(h), Math.round(w), Math.round(b), alpha];
-    }
-    return [h, w, b, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value) as ComputedColorChannels;
-  }
-  [h, w, b] = transformXyzToHwb([x, y, z], true) as TriColorChannels;
-  if (format === 'hwb') {
-    return [Math.round(h), Math.round(w), Math.round(b), alpha];
-  }
-  return [format === VAL_MIX && w + b >= 100 ? NONE : h, w, b, alpha];
-};
-
-/**
- * convert color value to lab
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [l, a, b, alpha]
- */
-export const convertColorToLab = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let l, a, b, alpha;
-  if (REG_LAB.test(value)) {
-    [, l, a, b, alpha] = parseLab(value, {
-      format: VAL_COMP
-    }) as ComputedColorChannels;
-    return [l, a, b, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    opt.d50 = true;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value, {
-      d50: true
-    }) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value, {
-      d50: true
-    }) as ComputedColorChannels;
-  }
-  [l, a, b] = transformXyzD50ToLab([x, y, z], true);
-  return [l, a, b, alpha];
-};
-
-/**
- * convert color value to lch
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [l, c, h, alpha], hue may be powerless
- */
-export const convertColorToLch = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | [number, number, number | string, number] | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let l, c, h, alpha;
-  if (REG_LCH.test(value)) {
-    [, l, c, h, alpha] = parseLch(value, {
-      format: VAL_COMP
-    }) as ComputedColorChannels;
-    return [l, c, h, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    opt.d50 = true;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value, {
-      d50: true
-    }) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value, {
-      d50: true
-    }) as ComputedColorChannels;
-  }
-  [l, c, h] = transformXyzD50ToLch([x, y, z], true);
-  return [l, c, format === VAL_MIX && c === 0 ? NONE : h, alpha];
-};
-
-/**
- * convert color value to oklab
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [l, a, b, alpha]
- */
-export const convertColorToOklab = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let l, a, b, alpha;
-  if (REG_OKLAB.test(value)) {
-    [, l, a, b, alpha] = parseOklab(value, {
-      format: VAL_COMP
-    }) as ComputedColorChannels;
-    return [l, a, b, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value) as ComputedColorChannels;
-  }
-  [l, a, b] = transformXyzToOklab([x, y, z], true);
-  return [l, a, b, alpha];
-};
-
-/**
- * convert color value to oklch
- * @param value - CSS color value
- * @param [opt] - options
- * @returns ColorChannels | NullObject - [l, c, h, alpha], hue may be powerless
- */
-export const convertColorToOklch = (
-  value: string,
-  opt: Options = {}
-): ColorChannels | [number, number, number | string, number] | NullObject => {
-  if (isString(value)) {
-    value = value.trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '' } = opt;
-  let l, c, h, alpha;
-  if (REG_OKLCH.test(value)) {
-    [, l, c, h, alpha] = parseOklch(value, {
-      format: VAL_COMP
-    }) as ComputedColorChannels;
-    return [l, c, h, alpha];
-  }
-  let x, y, z;
-  if (format === VAL_MIX) {
-    let xyz;
-    if (value.startsWith(FN_COLOR)) {
-      xyz = parseColorFunc(value, opt);
-    } else {
-      xyz = parseColorValue(value, opt);
-    }
-    if (xyz instanceof NullObject) {
-      return xyz;
-    }
-    [, x, y, z, alpha] = xyz as ComputedColorChannels;
-  } else if (value.startsWith(FN_COLOR)) {
-    [, x, y, z, alpha] = parseColorFunc(value) as ComputedColorChannels;
-  } else {
-    [, x, y, z, alpha] = parseColorValue(value) as ComputedColorChannels;
-  }
-  [l, c, h] = transformXyzToOklch([x, y, z], true) as TriColorChannels;
-  return [l, c, format === VAL_MIX && c === 0 ? NONE : h, alpha];
-};
-
-/**
- * resolve color-mix()
- * @param value - color-mix color value
- * @param [opt] - options
- * @returns resolved color - [cs, v1, v2, v3, alpha], '(empty)'
- */
-export const resolveColorMix = (
-  value: string,
-  opt: Options = {}
-): SpecifiedColorChannels | string | NullObject => {
-  if (isString(value)) {
-    value = value.toLowerCase().trim();
-  } else {
-    throw new TypeError(`${value} is not a string.`);
-  }
-  const { format = '', nullable = false } = opt;
-  const cacheKey: string = createCacheKey(
-    {
-      namespace: NAMESPACE,
-      name: 'resolveColorMix',
-      value
-    },
-    opt
-  );
-  const cachedResult = getCache(cacheKey);
-  if (cachedResult instanceof CacheItem) {
-    if (cachedResult.isNull) {
-      return cachedResult as NullObject;
-    }
-    const cachedItem = cachedResult.item;
-    if (isString(cachedItem)) {
-      return cachedItem as string;
-    }
-    return cachedItem as SpecifiedColorChannels;
-  }
-  const nestedItems = [];
-  if (!REG_MIX.test(value)) {
-    if (value.startsWith(FN_MIX) && REG_MIX_NEST.test(value)) {
-      const regColorSpace = new RegExp(`^(?:${CS_RGB}|${CS_XYZ})$`);
-      const items = value.match(REG_MIX_NEST) as RegExpMatchArray;
-      for (const item of items) {
-        if (item) {
-          let val = resolveColorMix(item, {
-            format: format === VAL_SPEC ? format : VAL_COMP
-          }) as ComputedColorChannels | string;
-          // computed value
-          if (Array.isArray(val)) {
-            const [cs, v1, v2, v3, v4] = val as ComputedColorChannels;
-            if (v1 === 0 && v2 === 0 && v3 === 0 && v4 === 0) {
-              value = '';
-              break;
-            }
-            if (regColorSpace.test(cs)) {
-              if (v4 === 1) {
-                val = `color(${cs} ${v1} ${v2} ${v3})`;
-              } else {
-                val = `color(${cs} ${v1} ${v2} ${v3} / ${v4})`;
-              }
-            } else if (v4 === 1) {
-              val = `${cs}(${v1} ${v2} ${v3})`;
-            } else {
-              val = `${cs}(${v1} ${v2} ${v3} / ${v4})`;
-            }
-          } else if (!REG_MIX.test(val)) {
-            value = '';
-            break;
-          }
-          nestedItems.push(val);
-          value = value.replace(item, val);
-        }
-      }
-      if (!value) {
-        const res = cacheInvalidColorValue(cacheKey, format, nullable);
-        return res;
-      }
-    } else {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-  }
-  let colorSpace = '';
-  let hueArc = '';
-  let colorA = '';
-  let pctA = '';
-  let colorB = '';
-  let pctB = '';
-  if (nestedItems.length && format === VAL_SPEC) {
-    const regColorSpace = new RegExp(`^color-mix\\(\\s*in\\s+(${CS_MIX})\\s*,`);
-    const [, cs] = value.match(regColorSpace) as MatchedRegExp;
-    if (REG_CS_HUE.test(cs)) {
-      [, colorSpace, hueArc] = cs.match(REG_CS_HUE) as MatchedRegExp;
-    } else {
-      colorSpace = cs;
-    }
-    if (nestedItems.length === 2) {
-      let [itemA, itemB] = nestedItems as [string, string];
-      itemA = itemA.replace(/(?=[()])/g, '\\');
-      itemB = itemB.replace(/(?=[()])/g, '\\');
-      const regA = new RegExp(`(${itemA})(?:\\s+(${PCT}))?`);
-      const regB = new RegExp(`(${itemB})(?:\\s+(${PCT}))?`);
-      [, colorA, pctA] = value.match(regA) as MatchedRegExp;
-      [, colorB, pctB] = value.match(regB) as MatchedRegExp;
-    } else {
-      let [item] = nestedItems as [string];
-      item = item.replace(/(?=[()])/g, '\\');
-      const itemPart = `${item}(?:\\s+${PCT})?`;
-      const itemPartCapt = `(${item})(?:\\s+(${PCT}))?`;
-      const regItemPart = new RegExp(`^${itemPartCapt}$`);
-      const regLastItem = new RegExp(`${itemPartCapt}\\s*\\)$`);
-      const regColorPart = new RegExp(`^(${SYN_COLOR_TYPE})(?:\\s+(${PCT}))?$`);
-      // item is at the end
-      if (regLastItem.test(value)) {
-        const reg = new RegExp(
-          `(${SYN_MIX_PART})\\s*,\\s*(${itemPart})\\s*\\)$`
-        );
-        const [, colorPartA, colorPartB] = value.match(reg) as MatchedRegExp;
-        [, colorA, pctA] = colorPartA.match(regColorPart) as MatchedRegExp;
-        [, colorB, pctB] = colorPartB.match(regItemPart) as MatchedRegExp;
-      } else {
-        const reg = new RegExp(
-          `(${itemPart})\\s*,\\s*(${SYN_MIX_PART})\\s*\\)$`
-        );
-        const [, colorPartA, colorPartB] = value.match(reg) as MatchedRegExp;
-        [, colorA, pctA] = colorPartA.match(regItemPart) as MatchedRegExp;
-        [, colorB, pctB] = colorPartB.match(regColorPart) as MatchedRegExp;
-      }
-    }
-  } else {
-    const [, cs, colorPartA, colorPartB] = value.match(
-      REG_MIX_CAPT
-    ) as MatchedRegExp;
-    const reg = new RegExp(`^(${SYN_COLOR_TYPE})(?:\\s+(${PCT}))?$`);
-    [, colorA, pctA] = colorPartA.match(reg) as MatchedRegExp;
-    [, colorB, pctB] = colorPartB.match(reg) as MatchedRegExp;
-    if (REG_CS_HUE.test(cs)) {
-      [, colorSpace, hueArc] = cs.match(REG_CS_HUE) as MatchedRegExp;
-    } else {
-      colorSpace = cs;
-    }
-  }
-  // normalize percentages and set multipler
-  let pA, pB, m;
-  if (pctA && pctB) {
-    const p1 = parseFloat(pctA) / MAX_PCT;
-    const p2 = parseFloat(pctB) / MAX_PCT;
-    if (p1 < 0 || p1 > 1 || p2 < 0 || p2 > 1) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const factor = p1 + p2;
-    if (factor === 0) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    pA = p1 / factor;
-    pB = p2 / factor;
-    m = factor < 1 ? factor : 1;
-  } else {
-    if (pctA) {
-      pA = parseFloat(pctA) / MAX_PCT;
-      if (pA < 0 || pA > 1) {
-        const res = cacheInvalidColorValue(cacheKey, format, nullable);
-        return res;
-      }
-      pB = 1 - pA;
-    } else if (pctB) {
-      pB = parseFloat(pctB) / MAX_PCT;
-      if (pB < 0 || pB > 1) {
-        const res = cacheInvalidColorValue(cacheKey, format, nullable);
-        return res;
-      }
-      pA = 1 - pB;
-    } else {
-      pA = HALF;
-      pB = HALF;
-    }
-    m = 1;
-  }
-  if (colorSpace === 'xyz') {
-    colorSpace = 'xyz-d65';
-  }
-  // specified value
-  if (format === VAL_SPEC) {
-    let valueA = '';
-    let valueB = '';
-    if (colorA.startsWith(FN_MIX)) {
-      valueA = colorA;
-    } else if (colorA.startsWith(FN_COLOR)) {
-      const [cs, v1, v2, v3, v4] = parseColorFunc(
-        colorA,
-        opt
-      ) as SpecifiedColorChannels;
-      if (v4 === 1) {
-        valueA = `color(${cs} ${v1} ${v2} ${v3})`;
-      } else {
-        valueA = `color(${cs} ${v1} ${v2} ${v3} / ${v4})`;
-      }
-    } else {
-      const val = parseColorValue(colorA, opt);
-      if (Array.isArray(val)) {
-        const [cs, v1, v2, v3, v4] = val;
-        if (v4 === 1) {
-          if (cs === 'rgb') {
-            valueA = `${cs}(${v1}, ${v2}, ${v3})`;
-          } else {
-            valueA = `${cs}(${v1} ${v2} ${v3})`;
-          }
-        } else if (cs === 'rgb') {
-          valueA = `${cs}a(${v1}, ${v2}, ${v3}, ${v4})`;
-        } else {
-          valueA = `${cs}(${v1} ${v2} ${v3} / ${v4})`;
-        }
-      } else {
-        if (!isString(val) || !val) {
-          setCache(cacheKey, '');
-          return '';
-        }
-        valueA = val;
-      }
-    }
-    if (colorB.startsWith(FN_MIX)) {
-      valueB = colorB;
-    } else if (colorB.startsWith(FN_COLOR)) {
-      const [cs, v1, v2, v3, v4] = parseColorFunc(
-        colorB,
-        opt
-      ) as SpecifiedColorChannels;
-      if (v4 === 1) {
-        valueB = `color(${cs} ${v1} ${v2} ${v3})`;
-      } else {
-        valueB = `color(${cs} ${v1} ${v2} ${v3} / ${v4})`;
-      }
-    } else {
-      const val = parseColorValue(colorB, opt);
-      if (Array.isArray(val)) {
-        const [cs, v1, v2, v3, v4] = val;
-        if (v4 === 1) {
-          if (cs === 'rgb') {
-            valueB = `${cs}(${v1}, ${v2}, ${v3})`;
-          } else {
-            valueB = `${cs}(${v1} ${v2} ${v3})`;
-          }
-        } else if (cs === 'rgb') {
-          valueB = `${cs}a(${v1}, ${v2}, ${v3}, ${v4})`;
-        } else {
-          valueB = `${cs}(${v1} ${v2} ${v3} / ${v4})`;
-        }
-      } else {
-        if (!isString(val) || !val) {
-          setCache(cacheKey, '');
-          return '';
-        }
-        valueB = val;
-      }
-    }
-    if (pctA && pctB) {
-      valueA += ` ${parseFloat(pctA)}%`;
-      valueB += ` ${parseFloat(pctB)}%`;
-    } else if (pctA) {
-      const pA = parseFloat(pctA);
-      if (pA !== MAX_PCT * HALF) {
-        valueA += ` ${pA}%`;
-      }
-    } else if (pctB) {
-      const pA = MAX_PCT - parseFloat(pctB);
-      if (pA !== MAX_PCT * HALF) {
-        valueA += ` ${pA}%`;
-      }
-    }
-    if (hueArc) {
-      const res = `color-mix(in ${colorSpace} ${hueArc} hue, ${valueA}, ${valueB})`;
-      setCache(cacheKey, res);
-      return res;
-    } else {
-      const res = `color-mix(in ${colorSpace}, ${valueA}, ${valueB})`;
-      setCache(cacheKey, res);
-      return res;
-    }
-  }
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  let alpha = 0;
-  // in srgb, srgb-linear
-  if (/^srgb(?:-linear)?$/.test(colorSpace)) {
-    let rgbA, rgbB;
-    if (colorSpace === 'srgb') {
-      if (REG_CURRENT.test(colorA)) {
-        rgbA = [NONE, NONE, NONE, NONE];
-      } else {
-        rgbA = convertColorToRgb(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        rgbB = [NONE, NONE, NONE, NONE];
-      } else {
-        rgbB = convertColorToRgb(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    } else {
-      if (REG_CURRENT.test(colorA)) {
-        rgbA = [NONE, NONE, NONE, NONE];
-      } else {
-        rgbA = convertColorToLinearRgb(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        rgbB = [NONE, NONE, NONE, NONE];
-      } else {
-        rgbB = convertColorToLinearRgb(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    }
-    if (rgbA instanceof NullObject || rgbB instanceof NullObject) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const [rrA, ggA, bbA, aaA] = rgbA as NumStrColorChannels;
-    const [rrB, ggB, bbB, aaB] = rgbB as NumStrColorChannels;
-    const rNone = rrA === NONE && rrB === NONE;
-    const gNone = ggA === NONE && ggB === NONE;
-    const bNone = bbA === NONE && bbB === NONE;
-    const alphaNone = aaA === NONE && aaB === NONE;
-    const [[rA, gA, bA, alphaA], [rB, gB, bB, alphaB]] =
-      normalizeColorComponents(
-        [rrA, ggA, bbA, aaA],
-        [rrB, ggB, bbB, aaB],
-        true
-      );
-    const factorA = alphaA * pA;
-    const factorB = alphaB * pB;
-    alpha = factorA + factorB;
-    if (alpha === 0) {
-      r = rA * pA + rB * pB;
-      g = gA * pA + gB * pB;
-      b = bA * pA + bB * pB;
-    } else {
-      r = (rA * factorA + rB * factorB) / alpha;
-      g = (gA * factorA + gB * factorB) / alpha;
-      b = (bA * factorA + bB * factorB) / alpha;
-      alpha = parseFloat(alpha.toFixed(3));
-    }
-    if (format === VAL_COMP) {
-      const res: SpecifiedColorChannels = [
-        colorSpace,
-        rNone ? NONE : roundToPrecision(r, HEX),
-        gNone ? NONE : roundToPrecision(g, HEX),
-        bNone ? NONE : roundToPrecision(b, HEX),
-        alphaNone ? NONE : alpha * m
-      ];
-      setCache(cacheKey, res);
-      return res;
-    }
-    r *= MAX_RGB;
-    g *= MAX_RGB;
-    b *= MAX_RGB;
-    // in xyz, xyz-d65, xyz-d50
-  } else if (REG_CS_XYZ.test(colorSpace)) {
-    let xyzA, xyzB;
-    if (REG_CURRENT.test(colorA)) {
-      xyzA = [NONE, NONE, NONE, NONE];
-    } else {
-      xyzA = convertColorToXyz(colorA, {
-        colorSpace,
-        d50: colorSpace === 'xyz-d50',
-        format: VAL_MIX
-      });
-    }
-    if (REG_CURRENT.test(colorB)) {
-      xyzB = [NONE, NONE, NONE, NONE];
-    } else {
-      xyzB = convertColorToXyz(colorB, {
-        colorSpace,
-        d50: colorSpace === 'xyz-d50',
-        format: VAL_MIX
-      });
-    }
-    if (xyzA instanceof NullObject || xyzB instanceof NullObject) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const [xxA, yyA, zzA, aaA] = xyzA;
-    const [xxB, yyB, zzB, aaB] = xyzB;
-    const xNone = xxA === NONE && xxB === NONE;
-    const yNone = yyA === NONE && yyB === NONE;
-    const zNone = zzA === NONE && zzB === NONE;
-    const alphaNone = aaA === NONE && aaB === NONE;
-    const [[xA, yA, zA, alphaA], [xB, yB, zB, alphaB]] =
-      normalizeColorComponents(
-        [xxA, yyA, zzA, aaA],
-        [xxB, yyB, zzB, aaB],
-        true
-      );
-    const factorA = alphaA * pA;
-    const factorB = alphaB * pB;
-    alpha = factorA + factorB;
-    let x, y, z;
-    if (alpha === 0) {
-      x = xA * pA + xB * pB;
-      y = yA * pA + yB * pB;
-      z = zA * pA + zB * pB;
-    } else {
-      x = (xA * factorA + xB * factorB) / alpha;
-      y = (yA * factorA + yB * factorB) / alpha;
-      z = (zA * factorA + zB * factorB) / alpha;
-      alpha = parseFloat(alpha.toFixed(3));
-    }
-    if (format === VAL_COMP) {
-      const res: SpecifiedColorChannels = [
-        colorSpace,
-        xNone ? NONE : roundToPrecision(x, HEX),
-        yNone ? NONE : roundToPrecision(y, HEX),
-        zNone ? NONE : roundToPrecision(z, HEX),
-        alphaNone ? NONE : alpha * m
-      ];
-      setCache(cacheKey, res);
-      return res;
-    }
-    if (colorSpace === 'xyz-d50') {
-      [r, g, b] = transformXyzD50ToRgb([x, y, z], true);
-    } else {
-      [r, g, b] = transformXyzToRgb([x, y, z], true);
-    }
-    // in hsl, hwb
-  } else if (/^h(?:sl|wb)$/.test(colorSpace)) {
-    let hslA, hslB;
-    if (colorSpace === 'hsl') {
-      if (REG_CURRENT.test(colorA)) {
-        hslA = [NONE, NONE, NONE, NONE];
-      } else {
-        hslA = convertColorToHsl(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        hslB = [NONE, NONE, NONE, NONE];
-      } else {
-        hslB = convertColorToHsl(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    } else {
-      if (REG_CURRENT.test(colorA)) {
-        hslA = [NONE, NONE, NONE, NONE];
-      } else {
-        hslA = convertColorToHwb(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        hslB = [NONE, NONE, NONE, NONE];
-      } else {
-        hslB = convertColorToHwb(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    }
-    if (hslA instanceof NullObject || hslB instanceof NullObject) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const [hhA, ssA, llA, aaA] = hslA;
-    const [hhB, ssB, llB, aaB] = hslB;
-    const alphaNone = aaA === NONE && aaB === NONE;
-    let [[hA, sA, lA, alphaA], [hB, sB, lB, alphaB]] = normalizeColorComponents(
-      [hhA, ssA, llA, aaA],
-      [hhB, ssB, llB, aaB],
-      true
-    );
-    if (hueArc) {
-      [hA, hB] = interpolateHue(hA, hB, hueArc);
-    }
-    const factorA = alphaA * pA;
-    const factorB = alphaB * pB;
-    alpha = factorA + factorB;
-    const h = (hA * pA + hB * pB) % DEG;
-    let s, l;
-    if (alpha === 0) {
-      s = sA * pA + sB * pB;
-      l = lA * pA + lB * pB;
-    } else {
-      s = (sA * factorA + sB * factorB) / alpha;
-      l = (lA * factorA + lB * factorB) / alpha;
-      alpha = parseFloat(alpha.toFixed(3));
-    }
-    [r, g, b] = convertColorToRgb(
-      `${colorSpace}(${h} ${s} ${l})`
-    ) as ColorChannels;
-    if (format === VAL_COMP) {
-      const res: SpecifiedColorChannels = [
-        'srgb',
-        roundToPrecision(r / MAX_RGB, HEX),
-        roundToPrecision(g / MAX_RGB, HEX),
-        roundToPrecision(b / MAX_RGB, HEX),
-        alphaNone ? NONE : alpha * m
-      ];
-      setCache(cacheKey, res);
-      return res;
-    }
-    // in lch, oklch
-  } else if (/^(?:ok)?lch$/.test(colorSpace)) {
-    let lchA, lchB;
-    if (colorSpace === 'lch') {
-      if (REG_CURRENT.test(colorA)) {
-        lchA = [NONE, NONE, NONE, NONE];
-      } else {
-        lchA = convertColorToLch(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        lchB = [NONE, NONE, NONE, NONE];
-      } else {
-        lchB = convertColorToLch(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    } else {
-      if (REG_CURRENT.test(colorA)) {
-        lchA = [NONE, NONE, NONE, NONE];
-      } else {
-        lchA = convertColorToOklch(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        lchB = [NONE, NONE, NONE, NONE];
-      } else {
-        lchB = convertColorToOklch(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    }
-    if (lchA instanceof NullObject || lchB instanceof NullObject) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const [llA, ccA, hhA, aaA] = lchA;
-    const [llB, ccB, hhB, aaB] = lchB;
-    const lNone = llA === NONE && llB === NONE;
-    const cNone = ccA === NONE && ccB === NONE;
-    const hNone = hhA === NONE && hhB === NONE;
-    const alphaNone = aaA === NONE && aaB === NONE;
-    let [[lA, cA, hA, alphaA], [lB, cB, hB, alphaB]] = normalizeColorComponents(
-      [llA, ccA, hhA, aaA],
-      [llB, ccB, hhB, aaB],
-      true
-    );
-    if (hueArc) {
-      [hA, hB] = interpolateHue(hA, hB, hueArc);
-    }
-    const factorA = alphaA * pA;
-    const factorB = alphaB * pB;
-    alpha = factorA + factorB;
-    const h = (hA * pA + hB * pB) % DEG;
-    let l, c;
-    if (alpha === 0) {
-      l = lA * pA + lB * pB;
-      c = cA * pA + cB * pB;
-    } else {
-      l = (lA * factorA + lB * factorB) / alpha;
-      c = (cA * factorA + cB * factorB) / alpha;
-      alpha = parseFloat(alpha.toFixed(3));
-    }
-    if (format === VAL_COMP) {
-      const res: SpecifiedColorChannels = [
-        colorSpace,
-        lNone ? NONE : roundToPrecision(l, HEX),
-        cNone ? NONE : roundToPrecision(c, HEX),
-        hNone ? NONE : roundToPrecision(h, HEX),
-        alphaNone ? NONE : alpha * m
-      ];
-      setCache(cacheKey, res);
-      return res;
-    }
-    [, r, g, b] = resolveColorValue(
-      `${colorSpace}(${l} ${c} ${h})`
-    ) as ComputedColorChannels;
-    // in lab, oklab
-  } else {
-    let labA, labB;
-    if (colorSpace === 'lab') {
-      if (REG_CURRENT.test(colorA)) {
-        labA = [NONE, NONE, NONE, NONE];
-      } else {
-        labA = convertColorToLab(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        labB = [NONE, NONE, NONE, NONE];
-      } else {
-        labB = convertColorToLab(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    } else {
-      if (REG_CURRENT.test(colorA)) {
-        labA = [NONE, NONE, NONE, NONE];
-      } else {
-        labA = convertColorToOklab(colorA, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-      if (REG_CURRENT.test(colorB)) {
-        labB = [NONE, NONE, NONE, NONE];
-      } else {
-        labB = convertColorToOklab(colorB, {
-          colorSpace,
-          format: VAL_MIX
-        });
-      }
-    }
-    if (labA instanceof NullObject || labB instanceof NullObject) {
-      const res = cacheInvalidColorValue(cacheKey, format, nullable);
-      return res;
-    }
-    const [llA, aaA, bbA, alA] = labA;
-    const [llB, aaB, bbB, alB] = labB;
-    const lNone = llA === NONE && llB === NONE;
-    const aNone = aaA === NONE && aaB === NONE;
-    const bNone = bbA === NONE && bbB === NONE;
-    const alphaNone = alA === NONE && alB === NONE;
-    const [[lA, aA, bA, alphaA], [lB, aB, bB, alphaB]] =
-      normalizeColorComponents(
-        [llA, aaA, bbA, alA],
-        [llB, aaB, bbB, alB],
-        true
-      );
-    const factorA = alphaA * pA;
-    const factorB = alphaB * pB;
-    alpha = factorA + factorB;
-    let l, aO, bO;
-    if (alpha === 0) {
-      l = lA * pA + lB * pB;
-      aO = aA * pA + aB * pB;
-      bO = bA * pA + bB * pB;
-    } else {
-      l = (lA * factorA + lB * factorB) / alpha;
-      aO = (aA * factorA + aB * factorB) / alpha;
-      bO = (bA * factorA + bB * factorB) / alpha;
-      alpha = parseFloat(alpha.toFixed(3));
-    }
-    if (format === VAL_COMP) {
-      const res: SpecifiedColorChannels = [
-        colorSpace,
-        lNone ? NONE : roundToPrecision(l, HEX),
-        aNone ? NONE : roundToPrecision(aO, HEX),
-        bNone ? NONE : roundToPrecision(bO, HEX),
-        alphaNone ? NONE : alpha * m
-      ];
-      setCache(cacheKey, res);
-      return res;
-    }
-    [, r, g, b] = resolveColorValue(
-      `${colorSpace}(${l} ${aO} ${bO})`
-    ) as ComputedColorChannels;
-  }
-  const res: SpecifiedColorChannels = [
-    'rgb',
-    Math.round(r),
-    Math.round(g),
-    Math.round(b),
-    parseFloat((alpha * m).toFixed(3))
-  ];
-  setCache(cacheKey, res);
-  return res;
-};