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/

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

3 个答案: