使用带有白色背景的 alpha 混合将 ARBG 转换为 RGB

Question

我有一个颜色十六进制字符串存储在数据库中，例如0x78dce6b0；我可以使用以下方法将其转换为 ARGB 颜色：

string colorString=0x78dce6b0;
int hexColor = Convert.ToInt32(colorString ?? "0", 16);
Color colorTL = Color.FromArgb(hexColor);

现在我想将其转换为在 HTML 页面中使用，因此我需要转换为像 #cc3388 这样的 HTML 值。如果我直接使用ColorTranslator.ToHtml(colorTL) 进行转换，则会丢失 alpha 混合值。假设背景始终为白色，如何通过考虑 alpha 值进行转换？

Answer 1

HTML 颜色没有Alpha 组件。

不幸的是，在不丢失Alpha 组件的情况下，不可能将ARGB 转换为HTML RGB。

如果您想根据您的 Alpha 值将颜色与白色混合...

• 将每个 Hex 分量（A、R、G、B）转换为 0 到 255 之间的值，其中 FF 的值等于 255，00 等于 0。
• 我们将这些 0-255 值命名为 A、R、G、B
• 我们假设 Alpha 值 255 表示“完全透明”，Alpha 值 0 表示“完全不透明”
• New_R = CInt((255 - R) * (A / 255.0) + R)
• New_G = CInt((255 - G) * (A / 255.0) + G)
• New_B = CInt((255 - G) * (A / 255.0) + B)
• 最终的 HTML 颜色字符串将是：“#” & cstr(New_R) & cstr(New_G) & cstr(New_B)

Answer 2

建议中的任何一个都不适合我，但后来使用了 http://en.wikipedia.org/wiki/Alpha_compositing 想出这个：

var useColor = Color.FromArgb(
                (int)((theStructureColor.R) * (theStructureColor.A / 255.0) + 255 - theStructureColor.A),
                (int)((theStructureColor.G) * (theStructureColor.A / 255.0) + 255 - theStructureColor.A),
                (int)((theStructureColor.B) * (theStructureColor.A / 255.0) + 255 - theStructureColor.A));

Answer 3

因此，您真正要做的是将白色背景与半透明前景色结合起来，并计算生成的显示颜色。这似乎是Calculate resulting RGB from 2 colors, one is transparent 的重复问题，其中发布了合适的答案。要将其应用于您的情况，将类似于以下内容（注意，我尚未测试此代码）：

public static Color FromTransparentWithWhiteBG(Color A)
{
    // Assuming Alpha is a value between 0 and 254...
    var aFactor = (A.A/254);
    var bgAFactor = (1-(A.A/254));
    var background = Color.White;
    var R_c = (Int32)(Math.Ceiling((Double)A.R * aFactor) + Math.Ceiling ((Double)background.R * (1 - bgAFactor )));
    var G_c = (Int32)(Math.Ceiling((Double)A.G * aFactor) + Math.Ceiling ((Double)background.G * (1 - bgAFactor )));
    var B_c = (Int32)(Math.Ceiling((Double)A.B * aFactor) + Math.Ceiling ((Double)background.B * (1 - bgAFactor )));
    return Color.FromArgb(1, R_c, G_c, B_c);
}