html - 从 .png 文件中获取颜色的 HTML 颜色代码？

Question

我有一个包含颜色的 .png 文件，是否可以使用任何工具/软件/网站找到它的等效 HTML 颜色代码？

Answer 1

您可以使用Color Spy 之类的工具从图像中获取颜色代码。

Answer 2

是的，您可以使用 firefox 插件“colorzilla”。

http://www.colorzilla.com/

它有一个吸管，在使用时，HTML 颜色将被复制，然后可以粘贴到某处作为#xxxxxx。

Answer 3

这是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/