Email Password Remember me?  Lost your password?

• Download demo project - 7 Kb

Introduction

In GDI+, for drawing any item we need to pick up a color for either creating a brush or a pen. .NET framework has provided System.Drawing.Color structure which contains 141 colors. That makes life pretty easy. But there are some developers like me who have hard time corelating the color names with what actually they look like.

To solve this probelm, we decided to come up with a chart that will display all the colors along with the names used in Color structure. The crude approach could have been that we use a huge switch statement with each case representing the colors defined in the structure.

But there is a very nice approach that we took. .NET framework procides a very powerful feature called Reflection. All the colors in System.Drawing.Color structure are declared as public static properties. So the idea is pretty simple.

• Get Type of System.Drawing.Color strcuture.
• Call GetProperties method on Type instance. Make sure that you use the appropriate BindingFlags attribute to get only the properties that are of interest. In our case we are only interested in public static properties. Therefore we will use BindingFlags.Public, BindingFlags.Static and BindingFlags.DeclaredOnly ORed together. The purpose of specifying BindingFlags.DeclaredOnly attribute is to get only the static properties that are declared only in this class only. We are not interested in properties of any parent class or structure.
• Iterate through each item in PropertyInfo array value returned by GetProperties method. Call Name property on PropertyInfo object to get the name of each color. And call GetValue method to get the actual value of Color.
• Rest is just implementation detail and book keeping on how to arrange all the colors on the bitmap and display it as a chart.

The complete code is attached with the article. Take a look at it for details.

Color testColor = Color.AliceBlue;
Type colorType = testColor.GetType();
if (null != colorType)
{
    PropertyInfo[] propInfoList =
     colorType.GetProperties(BindingFlags.Static|BindingFlags.DeclaredOnly
        |BindingFlags.Public);
    int nNumProps = propInfoList.Length;
    for (int i = 0; i < nNumRows; i++)
    {
        PropertyInfo propInfo = (PropertyInfo)propInfoList[nIdx];
        Color color = (Color)propInfo.GetValue(null, null);
        string strColorName = propInfo.Name;
    }
}                            
                                    

The complete color chart is available at our web site at Complete Color Chart.

You must Sign In to use this message board.

Per page 102550

FirstPrevNext

Same result without reflection? Adrian Cole 19:33 2 Aug '09   The namedColors list ends up with 141 items, so I'm guessing it would be the same set of colors: List<Color> namedColors = new List<Color>(); Array knownColors = Enum.GetValues(typeof(KnownColor)); foreach (KnownColor knownColor in knownColors) { Color color = Color.FromKnownColor(knownColor); if (!color.IsSystemColor) { namedColors.Add(color); } } while (e) { Coyote(); } Sign In·View Thread·PermaLink Example Code Fix Code Deamon 4:32 28 Aug '07   I'm sure your code works in the download but for the hit and runners like myself here's the corrected code for getting the color names: PropertyInfo[] propInfoList = colorType.GetProperties(BindingFlags.Static | BindingFlags.DeclaredOnly | BindingFlags.Public); int nNumProps = propInfoList.Length; for (int i = 0; i < nNumProps; i++) { PropertyInfo propInfo = (PropertyInfo)propInfoList[i]; Color color = (Color)propInfo.GetValue(null, null); string colorName = propInfo.Name; } Sign In·View Thread·PermaLink An HTML chart? orcastorm 17:31 16 Apr '05   I was blundering around CodeProject and found this article. I wrote something that generates the colour chart as well. The code chunk is given below. It creates an HTML file, with the colours arranged in 8 columns and displaying the hexadecimal value and its colour name. Hope it's useful. Vincent phantasyrealm.com int i,j,c; StreamWriter sw = new StreamWriter("colours.html"); sw.WriteLine("<html><head><title>Colours</title></head><body>"); sw.WriteLine("<table><tr>"); i=0; for (KnownColor kc=0;kc<=KnownColor.YellowGreen;++kc) { c = Color.FromKnownColor(kc).ToArgb() & 0x00ffffff; sw.WriteLine("<td style=\"background-color:#"+c.ToString("x6")+"\">"); sw.WriteLine(c.ToString("x6")+"<br />"+kc.ToString()+"</td>"); ++i; if (i>=8) { i=0; sw.WriteLine("</tr><tr>"); } } // in case column length changes, and the table goes // "out of shape" for(j=i;j>=0;--j) { sw.WriteLine("<td>.</td>"); } sw.WriteLine("</tr></table>"); sw.WriteLine("</body></html>"); sw.Close(); Sign In·View Thread·PermaLink 5.00/5 PNG image format Drew Noakes 8:06 24 Nov '04   Changing the ImageFormat in ColorForm.cs line 181 to: chartBitmap.Save(jpgFile, ImageFormat.Png); Gives a smaller file (39KB, not 92KB) with no loss in quality (the JPG shows significant artifacts from the compression process). A good idea. Thanks. I'll use this chart in my day-to-day coding. Drew Noakes drewnoakes.com Sign In·View Thread·PermaLink

Last Visit: 8:14 23 Nov '09     Last Update: 8:14 23 Nov '09 1