使用RGB值改进颜色阴影和色调算法

Question

我使用this excellent SO post来弄清楚如何获得不同的阴影和所选颜色的色调，但现在我希望改进算法。中间范围内的颜色（RGB的加起来大约为400到500）产生了类似于下面第2行和第4行所示的出色结果。但是在该范围之外的颜色会产生更像您在第1行和第3行中看到的颜色，浅颜色不会淡出很多。我想我需要调整我的乘数来纠正这个问题，但是我的数学技能并不合格。

private void getShadesAndTints(Color c) 
{ 
    int i; Double m; 
    int r; int g; int b; 
    for (i = 1; i < 21; i++) 
    { 
     m = i * 0.1; 
     r = (int)(c.R * m); if (r > 255) r = 255; 
     g = (int)(c.G * m); if (g > 255) g = 255; 
     b = (int)(c.B * m); if (b > 255) b = 255; 
     colorList.Add(Color.FromArgb(r, g, b)); 
    } 
} 

如果你想尝试一下自己，完整的代码，请访问：http://pastebin.com/QgCseY4k

Answer 1

从我这里知道什么是一种方式来获得均匀的阴影越来越暗度： -

private void getShades(Color c) 
{ 
    int i; Double factor; 
    int r; int g; int b; 
    for (i = 20; i >=0; i--) 
    { 
     factor = i/20; 
     r = (int)(c.R * factor); if (r > 255) r = 255; 
     g = (int)(c.G * factor); if (g > 255) g = 255; 
     b = (int)(c.B * factor); if (b > 255) b = 255; 
     colorList.Add(Color.FromArgb(r, g, b)); 
    } 
} 

说明：颜色的亮度只取决于大小Ø f rgb而不改变它们的比例，因此乘以（0,1）中的因子可以获得具有所需亮度的颜色。

注意：你所做的工作很好，用于从纯色产生色彩。

Answer 2

这就是我最终的结果。它与Vikram Bhat的答案不同，我现在正在做两个独立的循环，一个用于阴影，另一个用于色调，并且通过获取总计RGB并将其除以38.25（这是如果你拿765并把它除以20，你会得到什么）。我应该在我的原文中提到我正在寻找20种颜色，尽可能均匀分布，这就是现在这种算法的作用。选择不同的灰色，白色和黑色阴影，实际上会导致返回相同的20种颜色（更好或更差）。

private void getShadesAndTints(Color c) 
{ 
    Double RGB; Double max; 
    RGB = (int)c.R + (int)c.G + (int)c.B; 
    max = (int)RGB/38.25; 
    max = Math.Round(max); 
    if (max == 19) max = 20; 
    Double i; Double f; 
    int r; int g; int b; 
    for (i = 0; i < max; i++) 
    { 
     f = 1/max; 
     f = i * f; 
     r = (int)(c.R * f); if (r > 255) r = 255; 
     g = (int)(c.G * f); if (g > 255) g = 255; 
     b = (int)(c.B * f); if (b > 255) b = 255; 
     colorList.Add(Color.FromArgb(r, g, b)); 
    } 
    max = 20 - max; 
    for (i = 0; i < max; i++) 
    { 
     f = 1/max; 
     f = i * f; 
     r = (int)((255 - c.R) * f + c.R); if (r > 255) r = 255; 
     g = (int)((255 - c.G) * f + c.G); if (g > 255) g = 255; 
     b = (int)((255 - c.B) * f + c.B); if (b > 255) b = 255; 
     colorList.Add(Color.FromArgb(r, g, b)); 
    } 
} 

Answer 3

这是我如何做到这一点：

/// <summary> 
    /// <para>Fades the specified color by the fading factor from interval [-1, 1].</para> 
    /// <para> 
    /// For example, -0.3 will make color 30% darker and 0.3 will make color 30% lighter. 
    /// </para> 
    /// </summary> 
    /// <param name="color">The color.</param> 
    /// <param name="fading">The fading factor.</param> 
    /// <returns>The faded color.</returns> 
    private static Color Fade(Color color, double fading) 
    { 
     Debug.Assert(fading >= -1 && fading <= 1); 

     if (fading < 0) 
     { 
      var shade = 1 + fading; 
      return Color.FromArgb(ShadeComponent(color.R, shade), ShadeComponent(color.G, shade), ShadeComponent(color.B, shade)); 
     } 
     else if (fading > 0) 
     { 
      var tint = 1 - fading; 
      return Color.FromArgb(TintComponent(color.R, tint), TintComponent(color.G, tint), TintComponent(color.B, tint)); 
     } 
     else 
      return color; 
    } 

    private static int ShadeComponent(int component, double shade) 
    { 
     return Round(component * shade); 
    } 

    private static int TintComponent(int component, double tint) 
    { 
     return Round(255 - (255 - component) * tint); 
    } 

    private static int Round(double value) 
    { 
     return (int)Math.Round(value); 
    }