CSS Prism:你在CSS中用了多少种颜色?

很多时候,设计师希望要求我们完全还原设计图,甚至是要求“像素完美”。颜色是设计中很重要的一部分,你也会将设计图中的色彩完整的还原到页面中。然而,很多时候可能就连设计师自己都不知道用了多少种颜色。

显然,页面中使用过多的颜色并不是好事。

CSS Prism是一个专门用于查看和编辑CSS中用到的颜色的网站,它由Ryan Berg基于Django项目构建,采用 jQuery及其 ColorPicker插件。

通过CSS Prism你可以:

  • 轻松的查看单个CSS文件中使用到的颜色(16进制颜色),并按顺序排列;
  • 方便定位颜色在CSS文件中位置;
  • 可以很方便的编辑颜色。

自己去体验一下吧。

另外你可以拖拽 CSS Prism;%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20void(document.body.appendChild(scriptElem));%20}%20loadScript('http://media.cssprism.com/js/prismbookmarklet.js');) 这个链接到你的浏览器的书签栏,这样你就可以访问或测试网站的时候直接点击这个书签调用它。