如何将十六进制转换为RGB？

Question

我试图用它来确定颜色是浅色还是深色

立即评估十六进制值是深色还是浅色

。它接受一个int，

 float calcLuminance(int rgb)
 {
      int r = (rgb & 0xff0000) >> 16;
      int g = (rgb & 0xff00) >> 8;
      int b = (rgb & 0xff);

      return (r*0.299f + g*0.587f + b*0.114f) / 256;
 }

但我有一个十六进制颜色。

我尝试这样做

  var color = System.Drawing.ColorTranslator.FromHtml("#FFFFFF");
  int rgb = color.R + color.G + color.B;
   var a = calcLuminance(rgb);

，得到了 0.11725，我认为它必须在 0-256 或类似的范围内。

我做错了什么？我是否必须将 R 转换为 int ？或者我还差得远？

Answer 1

只需将十六进制字符串转换为整数：

int color = Convert.ToInt32("FFFFFF", 16);

Answer 2

您可以使用：

public string GenerateRgba(string backgroundColor, decimal backgroundOpacity)
{
 Color color = ColorTranslator.FromHtml(hexBackgroundColor);
 int r = Convert.ToInt16(color.R);
 int g = Convert.ToInt16(color.G);
 int b = Convert.ToInt16(color.B);
 return string.Format("rgba({0}, {1}, {2}, {3});", r, g, b, backgroundOpacity);
}

链接到 git 上 jeremy clifton 的原始帖子

Answer 3

我试图用它来确定颜色是浅色还是深色

只需使用 Color.GetBrightness()

---

[编辑]

我想确定我的文本应该使用白色还是黑色。所以任何 ≤ .5 我应该使用白色和 > .5黑色？

有一个数字 方法确定使用什么颜色给定的背景，没有一个是完美的。

最后一个链接实际上建议仅使用黑色/白色，但选择截止点 0.73 而不是 0.5。我认为你应该继续这样做，如果你发现它不适合你，就改变它。

Answer 4

有点话题，但这里是我创建的颜色结构的扩展方法，用于使用不同的算法计算亮度。希望对您有帮助。

public static class ColorExtensions
{
    /// <summary>
    /// Gets the luminance of the color. A value between 0 (black) and 1 (white)
    /// </summary>
    /// <param name="color">The color.</param>
    /// <param name="algorithm">The type of luminance alg to use.</param>
    /// <returns>A value between 0 (black) and 1 (white)</returns>
    public static double GetLuminance(this Color color, LuminanceAlgorithm algorithm = LuminanceAlgorithm.Photometric)
    {
        switch (algorithm)
        {
            case LuminanceAlgorithm.CCIR601:
                return (0.2126 * color.R + 0.7152 * color.G + 0.0722 * color.B) / 255;

            case LuminanceAlgorithm.Perceived:
                return (Math.Sqrt(0.241 * Math.Pow(color.R, 2) + 0.691 * Math.Pow(color.G, 2) + 0.068 * Math.Pow(color.B, 2)) / 255);

            case LuminanceAlgorithm.Photometric:
                return (0.299 * color.R + 0.587 * color.G + 0.114 * color.B) / 255;
        }

    }

   /// <summary>
   /// The luminances
   /// </summary>
   public enum LuminanceAlgorithm
   {
       /// <summary>
       /// Photometric/digital ITU-R
       /// </summary>
       Photometric,

       /// <summary>
       /// Digital CCIR601 (gives more weight to the R and B components, as preciev by the human eye)
       /// </summary>
       CCIR601,

       /// <summary>
       /// A perceived luminance
       /// </summary>
       Perceived
   }
}

Answer 5

在我看来，问题在于您对 rgb 的计算。您将这些值加在一起，得到一个 0 到 3*255 之间的数字，这显然不是您的方法所期望的值。您必须像这样计算它，

int rgb = (int)color.R << 16 + (int)color.G << 8 + color.B;

它应该与此等效（除了您不使用的 alpha 值）

int rgb = color.ToArgb();

最后，正如您在 Chris Haas 答案中看到的那样，您可以通过直接转换为 int 来跳过此步骤。

Answer 6

你的想法是好的，但是你的功能是错误的，正确的在这里：

int rgb = Convert.ToInt32("#FFFFFF", 16);
var a = calcLuminance(rgb);

float calcLuminance(int rgb)
{
    int r = (rgb & 0xff0000) >> 16;
    int g = (rgb & 0xff00) >> 8;
    int b = (rgb & 0xff);
    return (r*0.299f + g*0.587f + b*0.114f) / 256;
}

Answer 7

您还可以将 HEX 转换为 RGB 而不使用 System.Drawing ：

 int RGBint = Convert.ToInt32("FFD700", 16);
 byte Red = (byte)((RGBint >> 16) & 255);
 byte Green = (byte)((RGBint >> 8) & 255);
 byte Blue = (byte)(RGBint & 255);
 //Color.FromRgb(Red, Green, Blue);

Answer 8

R、G 和 B 的范围/library/system.drawing.color.aspx" rel="nofollow">Color 结构体为 0-255。

要获得您在函数中期望的 rgb 值，您需要相应地左移：

int rgb = (int)color.R << 16 + (int)color.G << 8 + color.B;

Answer 9

calcLuminance 仅返回百分比。

Answer 10

当您第一次以某种方式从十六进制转换为 rgb 时...

您知道 rgb 的总值 3 * 256 = 768。其中一半 (384) 将是白色或黑色文本颜色之间的转折点。而且您不必使其变得更加复杂，因为颜色越接近中心，文本是白色还是黑色就越不重要。

private static string GetTextColor(string backgroundColor)
{
    string color = "000000";

    Color bg = ColorTranslator.FromHtml("#" + backgroundColor);

    if (bg.R + bg.G + bg.B < 384)
    {
        color = "FFFFFF";
    }

    return color;
}

请注意，该方法使用不带主题标签的十六进制颜色。