從.png文件中獲取顏色的HTML顏色代碼？

Question

我有一個包含顏色的.png文件，是否可以使用任何工具/軟件/網站找到它的等效HTML顏色代碼？

Answer 1

這是JS：

var x=0,y=0;//Coordinates of the pixel of which you want to have the color 

var img=new Image(); 
img.onload=function() 
{ 
    var canvas=document.createElement('canvas'); 
    canvas.setAttribute("width",1); 
    canvas.setAttribute("height",1); 
    canvas.setAttribute("style","display:none;"); 
    document.body.appendChild(canvas); 
    var ctx=canvas.getContext('2d'); 
    ctx.drawImage(img,x-1,y-1); 
    var pixels=ctx.getImageData(0,0,1,1); 
    var r=pixels.data[0]; 
    var g=pixels.data[1]; 
    var b=pixels.data[2]; 
    var a=pixels.data[3]; 
    alert("rgb("+r+", "+g+", "+b+")\nrgba("+r+", "+g+", "+b+", "+a+")\n"); 
} 
img.src="../img/logo.png"; 

而且小提琴：http://jsfiddle.net/Sqjj9/5/

Answer 2

你可以使用像Color Spy這樣的工具從圖像中獲取顏色代碼。

Answer 3

是的，你可以使用firefox addon'colorzilla'。

http://www.colorzilla.com/

，設有一個吸管在使用時，該HTML顏色將被複制，然後可以作爲#XXXXXX某處粘貼。