Générer une palette de couleurs à partir d'une image

Question

Juste pour le plaisir, j'ai regardé comment utiliser la bibliothèque GD pour créer une palette de couleurs à partir d'une image. Jusqu'à présent, j'ai utilisé GD pour redimensionner une image téléchargée par l'utilisateur à une taille appropriée pour l'affichage sur une page Web.

Maintenant je voudrais être en mesure d'obtenir environ cinq couleurs différentes de l'image qui représentent la gamme de couleurs présentes. Une fois que j'ai fait cela, je voudrais générer une palette complémentaire basée sur ces couleurs, que je peux ensuite utiliser pour colorer différents éléments de la page.

Toute aide que je peux obtenir sur la façon dont je trouverais la palette de couleurs initiale serait très appréciée!

EDIT: Je suis venu à ma propre solution que vous pouvez voir ci-dessous.

Answer 1

J'ai passé quelques jours à bidouiller et c'est ainsi que j'ai réussi à construire ma palette de couleurs. Cela a plutôt bien fonctionné pour moi et vous pouvez changer la taille de la palette de couleurs pour renvoyer plus ou moins de couleurs de l'image.

// 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 fonction imagecolorat vous donnera la valeur de couleur à un pixel que vous pouvez utiliser pour numériser l'image et créer un histogramme de couleur:

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

Answer 3

cela peut vous aider à

<?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);