antd-tiny-vue/components/theme/util/getAlphaColor.ts

import { TinyColor } from '@ctrl/tinycolor'

function isStableColor(color: number): boolean {
  return color >= 0 && color <= 255
}

function getAlphaColor(frontColor: string, backgroundColor: string): string {
  const { r: fR, g: fG, b: fB, a: originAlpha } = new TinyColor(frontColor).toRgb()
  if (originAlpha < 1) {
    return frontColor
  }

  const { r: bR, g: bG, b: bB } = new TinyColor(backgroundColor).toRgb()

  for (let fA = 0.01; fA <= 1; fA += 0.01) {
    const r = Math.round((fR - bR * (1 - fA)) / fA)
    const g = Math.round((fG - bG * (1 - fA)) / fA)
    const b = Math.round((fB - bB * (1 - fA)) / fA)
    if (isStableColor(r) && isStableColor(g) && isStableColor(b)) {
      return new TinyColor({ r, g, b, a: Math.round(fA * 100) / 100 }).toRgbString()
    }
  }

  // fallback
  /* istanbul ignore next */
  return new TinyColor({ r: fR, g: fG, b: fB, a: 1 }).toRgbString()
}

export default getAlphaColor