Отображение значения HEX для цветовой палитры изображений

Вы можете получить цвет фона и отобразить hex, вот фрагмент javascript:

$('.swatch').on('click',
    function(){
        var context = document.createElement('canvas').getContext('2d');
        context.strokeStyle = $(this).css('backgroundColor');
        alert(context.strokeStyle);
}).css('cursor', 'pointer');

Мы будем использовать холст, так как проще получить фактический гексагонный цвет.

Попробуйте использовать ниже functions

var hexDigits = new Array
    ("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); 

//Function to convert hex format to a rgb color

function rgb2hex(rgb) {
   rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

function hex(x) {
   return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];
}

Чтение Преобразование вывода JQuery RGB в Hex Color

Обновлено От site source вашего site source вы хотите получить swatch background color в hex тогда вы должны попробовать после получения colors,

alert(rgb2hex($('.swatch').css('background-color')));

для получения всего swatch background-color образца используйте $.each()