You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
932 B
28 lines
932 B
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;
|
|
|