이미지의 색상 표에 대한 HEX 값 표시

Question

이미지를 상자로 끌면 www.granjacreativa.com/damepaleta 을 참조하십시오. 색상 팔레트와 함께 주요 색상이 표시됩니다. 표시된 각 색상에 대한 16 진수 값을 어떻게 표시합니까? 각 색상 상자 아래에 표시하고 싶습니다.

, 당신은

Answer 1

시도가 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]; 
} 

읽기 Convert jQuery RGB output to Hex Color 당신이 hex에서 swatch background color 다음 당신은 colors을받은 후 시도해야 싶어 site source 당신에서 업데이트

이하로 사용하는 감사

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

모든 swatch background-color 사용을 얻을 수 $.each()

Answer 2

당신은 배경 색상 및 디스플레이 진수를 얻을 수

가 여기에 자바 스크립트 코드 조각입니다 : 얻을 간단하기 때문에,

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

우리는 캔버스의 사용을 만들거야 실제의 헥스 칼라