如何使用CSS从图像中提取颜色？

我有这样我的网页上的图像：如何使用CSS从图像中提取颜色？

<img src="/Images/content/home.png" alt="" style="float: left;">

有没有我可以用它来采取一些颜色的出这个形象，而不必去到Photoshop和编辑图像的CSS属性。更好的是，是否有任何在线应用程序可用于“处理”图像并去除某种颜色？

来源

2012-07-01 Alan2

不，不能使用CSS去饱和图像。但如果你想要你可以使用SVG，请检查这个答案：http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css或者“取出颜色”，你的意思是“较低的不透明度“？ – Cristy

@Cristy实际上，可以通过CSS过滤器对图像进行去饱和处理。不幸的是，浏览器对此功能的支持还不常见。 http://html5-demos.appspot.com/static/css/filters/index.html – toniedzwiedz

尝试设置图像的opacity。

例如：

img 
{ 
opacity:0.6; 
filter:alpha(opacity=60); /* For IE8 and earlier */ 
}

来源

2012-07-01 12:00:54 manuskc

如果你想编辑您的图片，也有优秀的Web应用程序用于此目的

CSS3/WebKit的过滤器是你在找什么。但截至目前，这些仅适用于Chrome Canary和Webkit Nightly。可用的效果灰度，模糊，乌贼，饱和，不透明度，亮度，对比度，色调旋转，和反转。

资源： CSS3 Filters

相反，你可以只设置opacity。

img { 
    opacity: .7; 
    //above line works in Firefox, Safari, Chrome, Opera 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
    // above line works in IE6, IE7, and IE8 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 
    // above line is IE8 only 
}

来源

2012-07-01 12:07:49 abhshkdz

Ooooh ...一个奇妙的发现！ =） –

一个伟大的的jQuery插件名为vintageJS可以转换图像灰度和要求没有服务器端处理 ......这一切都在观众的浏览器完成。可用于火狐

影响，浏览器和其他浏览器是灰度，模糊边缘，乌贼，去饱和，噪声，亮度，对比度，曲线，和更多。另外，可以完成多种效果！

在参考网上的应用程序，允许图像处理并保存图像时，vintageJS插件有这个很酷的Playground Webpage，使您可以上传任何图片，上飞定制不同的效果，和下载你编辑的图像！

enter image description here

来源

2012-07-01 12:18:25 arttronics

更妙的是是否有任何在线应用，我可以用它来“处理”的形象和删除一些颜色？

杰玛嗨，

你提到你使用的Photoshop，但不希望为了做到这一点打开它。如果灰度图像是您经常需要做的事情，您应该考虑为此创建一个Photoshop“滴”。基本上，它可以让你创建一个桌面快捷方式，你可以拖动一个文件（或文件夹到）&它会执行你设置的任何任务来自动执行，例如，

打开文件
转换为B /瓦特
保存在80％的质量
关闭文件

Here's a link to Adobe's docs [文件名] -bw.jpg上从创建的液滴动作来自动化批处理。批量处理图像的另一选项可能是ImageMagick。

来源

2012-07-01 13:15:06 anotherdave

如何使用CSS从图像中提取颜色？

回答

相关问题