Generar paleta de colores a partir de una imagen

Question

Solo por diversión, he estado buscando cómo usar la biblioteca GD para crear una paleta de colores a partir de una imagen. Hasta ahora he usado GD para cambiar el tamaño de una imagen cargada por el usuario a un tamaño apropiado para mostrar en una página web.

Ahora me gustaría poder obtener aproximadamente cinco colores diferentes de la imagen que representan la gama de colores presentes en ella. Una vez hecho esto, me gustaría generar una paleta complementaria basada en esos colores, que luego puedo usar para colorear diferentes elementos en la página.

¡Cualquier ayuda que pueda obtener acerca de cómo encontraría la paleta de colores inicial sería muy apreciada!

EDIT: He llegado a mi propia solución que se puede ver a continuación.

Answer 1

Bueno, me he pasado un par de días jugueteando y así es como logré construir mi paleta de colores. Funcionó bastante bien para mí y puede cambiar el tamaño de la paleta de colores para devolver más o menos colores de la imagen.

// The function takes in an image resource (the result from one 
// of the GD imagecreate... functions) as well as a width and 
// height for the size of colour palette you wish to create. 
// This defaults to a 3x3, 9 block palette. 
function build_palette($img_resource, $palette_w = 3, $palette_h = 3) { 
    $width = imagesx($img_resource); 
    $height = imagesy($img_resource); 

    // Calculate the width and height of each palette block 
    // based upon the size of the input image and the number 
    // of blocks. 
    $block_w = round($width/$palette_w); 
    $block_h = round($height/$palette_h); 

    for($y = 0; $y < $palette_h; $y++) { 
     for($x = 0; $x < $palette_w; $x++) { 
      // Calculate where to take an image sample from the soruce image. 
      $block_start_x = ($x * $block_w); 
      $block_start_y = ($y * $block_h); 

      // Create a blank 1x1 image into which we will copy 
      // the image sample. 
      $block = imagecreatetruecolor(1, 1); 

      imagecopyresampled($block, $img_resource, 0, 0, $block_start_x, $block_start_y, 1, 1, $block_w, $block_h); 

      // Convert the block to a palette image of just one colour. 
      imagetruecolortopalette($block, true, 1); 


      // Find the RGB value of the block's colour and save it 
      // to an array. 
      $colour_index = imagecolorat($block, 0, 0); 
      $rgb = imagecolorsforindex($block, $colour_index); 

      $colour_array[$x][$y]['r'] = $rgb['red']; 
      $colour_array[$x][$y]['g'] = $rgb['green']; 
      $colour_array[$x][$y]['b'] = $rgb['blue']; 

      imagedestroy($block); 
     } 
    } 

    imagedestroy($img_resource); 
    return $colour_array; 
} 

Answer 2

La función imagecolorat le dará el valor del color en un píxel que se puede utilizar para escanear la imagen y crear un histograma de color:

http://www.php.net/manual/en/function.imagecolorat.php

Answer 3

esto puede ayudarle a

<?php 
$im = ImageCreateFromJpeg($source_file); 

$imgw = imagesx($im); 
$imgh = imagesy($im); 

// n = total number or pixels 

$n = $imgw*$imgh; 

$colors = array(); 

for ($i=0; $i<$imgw; $i++) 
{ 
     for ($j=0; $j<$imgh; $j++) 
     { 

       $rgb = ImageColorAt($im, $i, $j); 

       if (isset($colors[$rgb])) { 
        $colors[$rgb]++; 
       } 
       else { 
        $colors[$rgb] = 1; 
       } 

     } 
} 
asort($colors); 
print_r($colors);