Function parseHexColorToRgba01

src/utils/colors.ts:16–57

(color: string)

};

const parseHexColorToRgba01 = (color: string): Rgba01 | null => {
  const c = color.trim();
  if (!c.startsWith('#')) return null;

  const hex = c.slice(1);

  // #rgb
  if (hex.length === 3) {
    const r = parseHexNibble(hex[0]);
    const g = parseHexNibble(hex[1]);
    const b = parseHexNibble(hex[2]);
    return [(r * 17) / 255, (g * 17) / 255, (b * 17) / 255, 1];
  }

  // #rgba
  if (hex.length === 4) {
    const r = parseHexNibble(hex[0]);
    const g = parseHexNibble(hex[1]);
    const b = parseHexNibble(hex[2]);
    const a = parseHexNibble(hex[3]);
    return [(r * 17) / 255, (g * 17) / 255, (b * 17) / 255, (a * 17) / 255];
  }

  // #rrggbb
  if (hex.length === 6) {
    const r = parseHexByte(hex.slice(0, 2));
    const g = parseHexByte(hex.slice(2, 4));
    const b = parseHexByte(hex.slice(4, 6));
    return [r / 255, g / 255, b / 255, 1];
  }

  // #rrggbbaa
  if (hex.length === 8) {
    const r = parseHexByte(hex.slice(0, 2));
    const g = parseHexByte(hex.slice(2, 4));
    const b = parseHexByte(hex.slice(4, 6));
    const a = parseHexByte(hex.slice(6, 8));
    return [r / 255, g / 255, b / 255, a / 255];
  }

  return null;
};

const parseRgbNumberOrPercent = (token: string): number | null => {
  const t = token.trim();