从.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某处粘贴。