网生代 » 颜色

ColorSuckr – 从图片提取配色方案

lightory — Sun, 06 Sep 2009 02:03:55 +0000

ColorSuckr 这个在线应用可以从图片中提取主要颜色，并生成配色方案，供你在其它设计中使用。

首先输入图片的 URL 地址，点击 Get colours，ColorSuckr 就会提供给你主要颜色及其对应的 HEX 代码和相近 Web 安全色的 HEX 代码。除此之外，你还可以直接下载一个 Adobe .ASE 文件，直接在设计中应用。

ColorSuckr 还有提供小书签和 Firefox 扩展的形式，这样上网时看到喜欢的颜色就可以直接调用 ColorSuckr 进行分析了。

另外值得一提的是，分析得出的颜色结果也会以 RSS、XML 和 JSON 的格式提供，这就意味着你可以利用 ColorSuckr 的取色功能开发第三方应用了。

#如果你想分析网页配色呢？试试 I Like Your Colors 吧！

lightory — Sun, 22 Feb 2009 07:32:55 +0000

I Like Your Colors 是个非常好用的网页取色工具，对于学习网页配色很有帮助。

那种提取鼠标所指颜色及其对应代码的屏幕取色工具想必大家用过不少，但 I Like Your Colors 与它们不同。

输入一个网址，I Like Your Colors 可以立即列出对应网页使用的颜色，并用配色加颜色编码的形式醒目给出。提取的颜色不仅来自网页本身，还包括其引用的所有 CSS 文件，可谓非常全面。当然，网页贴图中的颜色自然是提取不到了，还得用之前提到的屏幕取色工具。

Awaken — Sun, 19 Oct 2008 16:06:33 +0000

今天介绍的这款插件非常适合站长和开发人员使用。前一阵子一直在开发Simple Link，期间，在搭配按钮颜色时，我想借鉴已有的非常漂亮的配色方案。如果在浏览器中有一个像画图软件中的滴管一样的工具，那取色的工作就要轻松多啦。怎么实现这个功能呢？经过我的精心查找，我发现了这个：

ColorZilla网页元素取色器

安装好ColorZilla之后，其按钮应该出现在Firefox窗口的左下方，就在之前介绍过的MeasureIt的左边：

点一下按钮，你的鼠标指针就变成了一个十字，指到哪里，就会在状态栏显示出当前元素的颜色的信息，并且ColorZilla的图标背景颜色也会变成指针所在点的颜色。在当前元素的周围还会有一个虚线框，如果你想要分析Css文件的话，这种信息也是很有帮助的。

状态栏上的信息依次是颜色的RGB值，十六进制RBG值，鼠标指针的位置（以左下角为原点），当前元素的HTML标记。

站长们和搞开发的同学快下一个用用吧！

# LiGht：Windows 下的取色器可不是一般的多，但还是集成在浏览器中更加方便呢。