Function reduceTranslucentColor

ui/src/util/reduceTranslucentColor.ts:27–42

(hex: string, opacity: number)

// Calculate the HEX representation for a color as if
// it was rendered on a white background
export function reduceTranslucentColor(hex: string, opacity: number) {
  const color = hexToRgb(hex);
  const white = { r: 255, g: 255, b: 255 };

  if (!color) {
    return undefined;
  }

  const reducedRgb = {
    r: Math.round(opacity * color.r + (1 - opacity) * white.r),
    g: Math.round(opacity * color.g + (1 - opacity) * white.g),
    b: Math.round(opacity * color.b + (1 - opacity) * white.b),
  };

  return rgbToHex(reducedRgb);
}