Function canonicalizeColor

packages/extension/utils/css.ts:1175–1209

(value: string)

}

export function canonicalizeColor(value: string): string | null {
  if (value.startsWith('#')) {
    return compressHex(value)
  }
  const rgb = value.match(/^rgba?\(([^)]+)\)$/)
  if (rgb) {
    const parts = rgb[1].split(',').map((p) => p.trim())
    const [r, g, b, a = '1'] = parts
    const toInt = (v: string) => {
      const n = Number(v)
      return Number.isFinite(n) ? Math.round(n) : null
    }
    const ri = toInt(r)
    const gi = toInt(g)
    const bi = toInt(b)
    const an = Number(a)
    if (
      ri != null &&
      gi != null &&
      bi != null &&
      ri >= 0 &&
      ri <= 255 &&
      gi >= 0 &&
      gi <= 255 &&
      bi >= 0 &&
      bi <= 255
    ) {
      const hex = compressHex(formatHex(ri, gi, bi))
      if (an >= 1 || Number.isNaN(an)) return hex
      const opacity = Math.max(0, Math.min(100, Math.round(an * 100)))
      return `${hex}/${opacity}`
    }
  }
  return null
}

function compressHex(hex: string): string {
  if (hex.length === 7 && hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6]) {