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;