0

将图像拖入框中后,请参阅www.granjacreativa.com/damepaleta ,我们会显示主色以及调色板。如何显示每种显示颜色的 HEX 值?我想在每个的颜色框下显示它们。

谢谢你

4

2 回答 2

0

尝试在下面使用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 输出转换为十六进制颜色

更新site source想进入swatch background color然后hex你应该在得到之后尝试colors

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

让所有人swatch background-color使用$.each()

于 2014-01-07T06:23:39.560 回答
0

您可以获取背景颜色并显示十六进制,这是一个 javascript 片段:

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

我们将使用画布,因为更容易获得实际的十六进制颜色。

于 2014-01-07T06:26:57.773 回答