In this "Color Detector" application, first we select an image (jpeg, bmp, png etc.) and then we pick the color which we want to detect on that image. If we found the color, we display a confirmation message.

The snapshot for the running application is below:

Color-Detector-application.gif


Now we go into more detail of this application.

Source of the image: We can take an image from any source (like Digital Camera, any stored image in PC, Mobile etc.), and keep the image somewhere in our system. The image can be in any format (i.e. jpeg, bmp, png etc.).

Image Selection: For image file selection, we include an "OpenFileDialog" control in our form. On "Choose Image" button click, we show "OpenFileDialog" to choose any image file from the system. After image file selection, we get the file path and then load the image into a picture box. For the file selection and loading into a picture box, refer to the following code:

private void ChooseImageBtn_Click(object sender, EventArgs e)
{
      try
      {
           //Clearing previously selected image from picture box
           ImagePathLbl.Text = "";
           pictureBox1.Image = null;
 
           //Showing the File Chooser Dialog Box for Image File selection
           DialogResult IsFileChosen = openFileDialog1.ShowDialog();
 
           if (IsFileChosen == System.Windows.Forms.DialogResult.OK)
           {
               //Get the File name
               ImagePathLbl.Text = openFileDialog1.FileName;
 
               //Load the image into a picture box
               if (openFileDialog1.ValidateNames == true)
               {
                    pictureBox1.Image = Image.FromFile(ImagePathLbl.Text);
               }
           }
      }
      catch (Exception exc)
      {
           MessageBox.Show(exc.Message);
      }
}

Color Selection: For detecting the selected color in our selected image, we include a "ColorDialog" control in our form. On the "Pick Color" button click, we show "ColorDialog" to choose any color from the dialog box. After color selection, we get the color name and then display the chosen color into a panel by setting the Panel.BackColor property to the chosen color. If the chosen color is a known color then we also display the color name in text. For the color selection and displaying the selected color, refer to the following code:

private void PickColorBtn_Click(object sender, EventArgs e)
{
     try
     {
           // Clean previously selected color
           SelectedColorNameLbl.Text = "";
           panelSelectedColor.BackColor = actualColor;
 
           //Showing color choice
           DialogResult IsColorChosen = colorDialog1.ShowDialog();
 
           if (IsColorChosen == System.Windows.Forms.DialogResult.OK)
           {
                panelSelectedColor.BackColor = colorDialog1.Color;
 
                //If it is know color, display the color name  
                if (colorDialog1.Color.IsKnownColor == true)
                {
                    SelectedColorNameLbl.Text = colorDialog1.Color.ToKnownColor().ToString();
                }
            }
       }
       catch (Exception exc)
       {
           MessageBox.Show(exc.Message);
       }
}

Color Detection: For color detection, first we convert the loaded image into a picture box of a "BitMap" class. Refer to the following MSDN link for more details:

http://msdn.microsoft.com/en-us/library/system.drawing.bitmap.aspx

Then we iterate to each pixel of the image and get the pixel color. We store each pixel color into a temporary variable named "now_color". Get the 32-bit ARGB value of this "now_color" (a Color Object) with 32-bit ARGB value of our "Picked Color". If both values are the same, we display a "Color Found!" message and break from the iteration, otherwise we keep looking from the next pixel until we have covered the entire image. If we don't get the color we are looking for then we show a "Selected Color Not Found" Message. For the color detection, refer to the following code:

private void DetectColorBtn_Click(object sender, EventArgs e)
{
    try
    {
        Boolean IsColorFound = false;
            if (pictureBox1.Image != null)
        {
             //Converting loaded image into bitmap
             Bitmap bmp = new Bitmap(pictureBox1.Image);
 
             //Iterate whole bitmap to findout the picked color
             for (int i = 0; i < pictureBox1.Image.Height; i++)
             {
                  for (int j = 0; j < pictureBox1.Image.Width; j++)
                  {
                       //Get the color at each pixel
                       Color now_color = bmp.GetPixel(j, i);
 
                       //Compare Pixel's Color ARGB property with the picked color's ARGB property 
                       if (now_color.ToArgb() == colorDialog1.Color.ToArgb())
                       {
                            IsColorFound = true;
                            MessageBox.Show("Color Found!");
                            break;
                       }
                  }
             if (IsColorFound == true)
             {
                  break;
             }
        }
        if (IsColorFound == false)
        {
              MessageBox.Show("Selected Color Not Found.");
        }
   }
   else
   {
         MessageBox.Show("Image is not loaded");
   }
   }
   catch (Exception exc)
   {
        MessageBox.Show(exc.Message);
    }
}

Thanks

Next Recommended Readings