Obtención de un esquema de color a partir de una imagen

Question

Deseo desarrollar una herramienta básica como la de featured here. Tomaré capturas de pantalla de varias páginas web y de allí deseo tomar los primeros cinco colores más populares y de allí decidir de alguna manera si los colores son una buena combinación.

Quiero escribir esta herramienta en C# y después de un poco de investigación descubrí ceros. Mi primera idea fue tomar una imagen y luego obtener el color de cada píxel, pero no estoy seguro de si esto me dará los resultados que deseo y cómo hacer seis listas de los colores más populares.

¿Puede alguien aquí dar consejos sobre cómo crearía un programa para hacer algo similar al programa anterior, que tomará una imagen y seleccionará los cinco primeros colores utilizados en la imagen?

Answer 1

Bueno .. utilizarla como imagen miniatura (16x16, 32x32, etc.) y seleccione de que los colores como

código actualizado:

private void button1_Click(object sender, EventArgs e) 
    { 
     int thumbSize = 32; 
     Dictionary<Color, int> colors = new Dictionary<Color, int>(); 

     Bitmap thumbBmp = 
      new Bitmap(pictureBox1.BackgroundImage.GetThumbnailImage(
       thumbSize, thumbSize, ThumbnailCallback, IntPtr.Zero)); 

     //just for test 
     pictureBox2.Image = thumbBmp;    

     for (int i = 0; i < thumbSize; i++) 
     { 
      for (int j = 0; j < thumbSize; j++) 
      { 
       Color col = thumbBmp.GetPixel(i, j); 
       if (colors.ContainsKey(col)) 
        colors[col]++; 
       else 
        colors.Add(col, 1); 
      }     
     } 

     List<KeyValuePair<Color, int>> keyValueList = 
      new List<KeyValuePair<Color, int>>(colors); 

     keyValueList.Sort(
      delegate(KeyValuePair<Color, int> firstPair, 
      KeyValuePair<Color, int> nextPair) 
      { 
       return nextPair.Value.CompareTo(firstPair.Value); 
      }); 

     string top10Colors = ""; 
     for (int i = 0; i < 10; i++) 
     { 
      top10Colors += string.Format("\n {0}. {1} > {2}", 
       i, keyValueList[i].Key.ToString(), keyValueList[i].Value); 
      flowLayoutPanel1.Controls[i].BackColor = keyValueList[i].Key; 
     } 
     MessageBox.Show("Top 10 Colors: " + top10Colors); 
    } 

    public bool ThumbnailCallback() { return false; } 

alt text http://lh3.ggpht.com/_1TPOP7DzY1E/S0uZ6GGD4oI/AAAAAAAAC5k/3Psp1cOCELY/s800/colors.png

Answer 2

La forma más fácil, como usted ha dicho es:

• Leer en cada píxel y almacenarlos en una colección .

• Los primeros cinco colores utilizados serían los valores que ocurren más.

Así es como lo habría hecho al principio intentando algo como esto.

Para realizar este trabajo, puede tomar los rangos de color, por lo que al usar RGB valores (Red, Green, Blue) asigne un color a una determinada aproximación de color.

Por ejemplo, supongamos que la misma imagen se usó, los valores de color azul claro se almacenan juntos, luego se podría tomar una media de estos para dar el azul claro más común (aunque promedio) en la escena.

Repita para los otros píxeles.

En cuanto a la escala, el sitio web de ejemplo utiliza valores aburridos/brillantes. Se podría usar un valor de escala simple. Considere un rojo medio en RGB:

0.7, 0.0, 0.0 

Puede escalar esto agregando/multiplicando un valor. Sin embargo, mantenga los valores dentro del límite de 0 a 1. En cuanto a lo que debería ser el valor de escala, experimant. Cuanto más alto sea, más opaco/brillante será el color.

Answer 3

This es una ejemplo de cómo crear un histograma (o una tabla de frecuencias en otras palabras) donde puede echar un vistazo a los detalles sobre cómo procesar el i mago

Pero mi principal recomendación es no utilizar RGB (a menos que el sitio web que está buscando tenga colores casi planos), pero use HSB en su lugar. El componente "H" (tono) le dará una mejor indicación de los colores utilizados, sin importar qué tan brillantes u oscuros sean.