Color

bun add @talosjs/color

import { hexToRgba } from "@talosjs/color";

hexToRgba("#3B82F6");        // "rgba(59, 130, 246, 1)"
hexToRgba("3B82F6");         // "rgba(59, 130, 246, 1)" (# is optional)
hexToRgba("#F00");           // "rgba(255, 0, 0, 1)" (shorthand expands)
hexToRgba("#3B82F6", 0.5);   // "rgba(59, 130, 246, 0.5)" (explicit alpha)
hexToRgba("#3B82F680");      // "rgba(59, 130, 246, 0.502)" (alpha from hex)

hexToRgba("not-a-color");    // null
hexToRgba("#3B82F6", 2);     // null (alpha must be between 0 and 1)

import {
  SIMPLE_COLORS,
  SIMPLE_COLOR_NAMES,
  hexToRgba,
  type SimpleColorType,
} from "@talosjs/color";

// Pick a deterministic color for a label, then build a faded background.
const colorForTag = (tag: string): SimpleColorType => {
  const index = tag.length % SIMPLE_COLORS.length;
  return SIMPLE_COLORS[index];
};

const hex = colorForTag("billing");          // e.g. "#10B981"
const name = SIMPLE_COLOR_NAMES[hex];         // e.g. "Green"
const background = hexToRgba(hex, 0.12);      // "rgba(16, 185, 129, 0.12)"