галерея с разными цветами

1. Пометьте каждое изображение тегами соответствующих цветов (например, добавив к соответствующим html-элементам атрибут data-colors)
2. Обойдите все элементы и скройте (удалите) те, в data-color которых нет выбранного цвета

var $pictures = $('.picture'); 
var selectedColor = 'red'; 
$pictures.each(function() { 
  var colors = $(this).data('colors'); 
  if (colors.indexOf(selectedColor) === -1) { 
  	$(this).hide(); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="picture" data-colors="[&quot;red&quot;,&quot;pink&quot;]"> 
  1 
  ... 
</div> 
<div class="picture" data-colors="[&quot;green&quot;,&quot;blue&quot;]"> 
  2 
  ... 
</div> 
<div class="picture" data-colors="[&quot;red&quot;]"> 
  3 
  ... 
</div>

Данные о том какого цвета картинка вы можете получать откуда угодно или даже вычислять во время выполнения. Вычисление основного оттенка изображения довольно интересная задача, хотя можно воспользоваться каким-нибудь готовым решением (например dominant-color). Получив основной оттенок можно "округлить" его до одного или нескольких базовых цветов, по которым будете фильтровать.