C# 十六进制代码阴影渐变生成器

Question

我看过这里，但我不太明白是什么在那里进行。我对 C# 很陌生，我正在尝试制作一个十六进制代码梯度生成器。我得到了两串十六进制代码以及一堆向下/向上的代码。

例如：

black: 000000 to grey: 666666
with a step of 10. 

这将生成 10 个不同的十六进制代码，这些代码将从这两点构建一个渐变。我想知道我会如何解决这个问题，或者是否有人可以给我一个如何做到这一点的算法。

谢谢！

Answer 1

简单梯度将范围线性划分为相等的部分。

例如，如果我们只看红色部分，并且希望分 5 步从 0 到 250（十进制），那么每个部分将为 ((250 - 0) / (5 - 1)) = 62.5。

这些值将为：0、62.5、125、187.5 和 250。

您现在要做的就是对每个组件重复此线性除法。

关于 Alpha 通道

请注意，Color 数据结构包含一个 Alpha 通道值，该值不会反映在 0x666666 的情况中。如果您考虑模板的值 0xRRGGBB 并且假设 alpha 通道将为 0xFF（即完全不透明），那么一切都很好。

但是，如果您想在渐变中包含 alpha 通道（如此处所有示例所示），那么对于模板 0xAARRGGBB，在您的情况下，alpha 通道将为 0，这意味着颜色将完全透明（不可见） ）。

从 uint 构造 Color

关于 Color.FromArgb() 的一件烦人的事情是它接受 int 值而不是uint。因此，例如，向其输入 0xFF666666 将引发异常。

为了克服这个问题，我们需要进行一些位移：

private static Color GetColorFromArgb( uint colorValue )
{
    Color color = Color.FromArgb(
                        (int)((colorValue & 0xFF000000) >> 24),
                        (int)((colorValue & 0x00FF0000) >> 16),
                        (int)((colorValue & 0x0000FF00) >> 8),
                        (int)((colorValue & 0x000000FF))
                    );

    return color;
}

编辑：GetColorFromArgb解释

要回答“如何将十六进制代码转换为RGB？”的问题，那么 GetColorFromArgb 已经将十六进制数转换为 R、G、B，而且还添加了 alpha 通道信息。

GetColorFromArgb 的输入是一个 32 位无符号整数。如果我们看一下它的十六进制表示，那么它的模板是：0xAARRBBGG。

GetColorFromArgb 使用位掩码和位移位逐个提取组件，然后调用 Color.FromArgb(int a, int r, int g, int b)。

下面是 GetColorFromArgb 的更详细版本：

private static Color GetColorFromArgb(uint colorValue)
{
    int a = (int)((colorValue & 0xFF000000) >> 24);
    int r = (int)((colorValue & 0x00FF0000) >> 16);
    int g = (int)((colorValue & 0x0000FF00) >> 8);
    int b = (int)(colorValue & 0x000000FF);

    Color color = Color.FromArgb(a, r, g, b);

    return color;
}

如果问题是如何忽略 alpha 通道，那么您可以创建一个不提取 alpha 的 GetColorFromRGB() 方法信息，而不是传递固定值：

private static Color GetColorFromRGB(int colorValue)
{
    int a = 0xFF; // Fully opaque
    int r = (int)((colorValue & 0x00FF0000) >> 16);
    int g = (int)((colorValue & 0x0000FF00) >> 8);
    int b = (int)(colorValue & 0x000000FF);

    Color color = Color.FromArgb(a, r, g, b);

    return color;
}

• 请注意，由于您使用 0xRRGGBB 值，因此可以使用 int 而不是 uint 输入。

Answer 2

一个非常简单的方法是计算中间的红色、绿色和蓝色分量值......类似于：

Dim tOriginHexColor As String = "000000"
Dim tTargetHexColor As String = "666666"
Dim tSteps As Byte = 10

Dim tOriginColor as Color = ColorTranslator.FromHtml(tOriginHexColor)
Dim tTargetColor As Color = ColorTranslator.FromHtml(tTargetHexColor)

Dim tRedStep As Byte = tTargetColor.R - tOriginColor.R
Dim tBlueStep As Byte = tTargetColor.R - tOriginColor.B
Dim tGreenStep As Byte = tTargetColor.R - tOriginColor.G

For tIndex As Int16 = 0 To tSteps - 1
  Debug.Print(ColorTranslator.ToHtml(Color.FromArgb(tOriginColor.R + tRedStep, tOriginColor.G + tGreenStep, tOriginColor.B + tBlueStep)))
Next