配色是网页设计的关键之一，精心挑选的颜色组合可以帮助你让设计更有吸引力，相反的，糟糕的配色会伤害眼睛，妨碍读者对网页内容和图片的理解。然而，很多时候设计师不知道如何选择颜色搭配，好消息是如今有很多的配色工具帮助你挑选颜色。下面列出了20款优秀在线配色工具，看看哪款适合你。
Color Scheme Designer 是一款互动的在线配色工具，通过拖动色轮来选择色调，可导出十六进制的颜色代码为HTML、XML和文本文件。
Check My Colours 是一款帮助你检查不同网页自己的颜色亮度和对比度的差异的工具，同时也检查所有DOM元素的前景色和背景色时候有足够的对比度。
ColorJack 是一款在线配色工具，从球形的取色器中选择颜色。
ColourMod 是一个面板工具，让用户动态的改变网页的颜色设置。
ColoRotate 是一款3D工具，让你在三维空间里更方便的操作和选择颜色组合。
Contrast-A 可以让你在一个三维的RGB颜色空间里进行颜色组合实验。
Kuler 是一个设计师创建和分享配色方案的平台，可以使用易用的操作界面进行颜色组合实验及浏览成千上万的预制配色方案。
ColourGrab 可以让用户通过提交图片地址，然后获得分解出的图片配色。
Pro Color Palette 这款工具包含从图片获取配色，还有一个取色器和配色器，可以保存正在使用的颜色。
Color Explorer 是一款帮助你挑选主页颜色的免费工具。
Pictaculous 是一个方便的配色工具，可以从你选择的图片中提取颜色并生成配色的配色方案。
Color Hunter 可以让你从图片中选取颜色并生成对应的配色方案。
colorZilla 是一个Mozilla扩展，帮助Web开发者和设计师选择网页中的对象颜色。
Color Wizard 是一款在线工具，你可以提交一个基准颜色，它会自动返回匹配的配色方案。
Kolur 以简单愉快的方式浏览调色板，帮助你挑选配色方案。
The color Wheel 是一款帮助你挑选网站配色的工具，同时生成对应的颜色代码。
ColorMunki 是一款工具齐全的配色工具，可配制出任何可见光谱范围内的颜色。
Colorspire 这款工具有一个灵活的取色器和颜色轮子，帮助你快速的为网站选择配色方案。
Color Schemer Online v2 是一款即时的在线配色工具，帮助你选择网站的配色方案。
Infohound Color Schemer 是一款帮助你实验不同配色方案的简单工具。
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/17/2021541.html" target="_blank">非常有用的免费UI设计工具和资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/03/23/1990737.html" target="_blank">分享35套精美的 PSD 图标素材</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/15/2020206.html" target="_blank">分享20个很不错的UI图标集资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/02/22/1960203.html" target="_blank">分享42个精美的免费PSD素材</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/04/29/2020291.html" target="_blank">Web设计师应该收藏的11个网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15个精美的 HTML5 单页网站作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35个让人惊讶的 CSS3 动画效果演示</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞！30个与众不同的优秀视差滚动效果网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25个优秀的国外单页网站设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅！8个惊艳的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶！35个很漂亮的国外 Flash 网站作品欣赏</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34个漂亮网站和应用程序后台管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观：）</a>
欢迎任何形式的转载，但请务必注明出处。