101 Color Resources for Web Designers


	101 Color Resources for Web Designers
Djiezes
5-20-2008 1:01 PM
678 views
tags:
color, colour, design, web, webdesign, resource, links, list
Add a Comment
Login to Comment. Not a member yet? Sign up
View the Top Clips from May 20, 2008
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/3cdb51c7-0338-4b5d-bd5f-01c67b732e80/7268F357-6775-4350-A82F-A60345B44CC3/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/" href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/" style="font-size: 11px;">whdb.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/">Follow the Rainbow: 101 Color Resources for Web Designers</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><P><A name="index" title="index"></A><A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#forums">Color Forums</A> | <A name="index" title="index"></A><A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#manage">Color Management</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#tips">Color Tips</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#theory">Color Theory</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#tools">Color Tools</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#blind">Colorblindness</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#down">Downloads</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#inspire">Inspiration</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#photo">Photoshop & GIMP</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#schemes">Schemes</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#web">Web Color</A> | <A href="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/#sites">Web Sites</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><P>All those tips and more are listed below in this list of 101 color resources for Web designers. The categories are listed alphabetically as are all the links contained within each category. Although the sites are numbered, this does not mean that one site is better than others. Visit them all and bookmark the ones that will help you become the most color-savvy Web designer around.<SPAN id="more-229"></SPAN></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://normankoren.com/color_management.html">Color management and color science</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://cambridgeincolour.com/tutorials/color-management1.htm">Overview of Color Management</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://acrotips.com/pdf/articles/jking/ClrMgrTut_AIC_010625.pdf">Why Color Management?</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://veerle.duoh.com/blog/comments/choosing_color_combinations/">Choosing color combinations</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://www.infoplease.com/spot/colors1.html">Color Psychology, Symbolism, and Interesting Facts</A>:</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://www.boxesandarrows.com/view/natural_selections_colors_found_in_nature_and_interface_design">Colors Found in Nature and Interface Design</A>:</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A target="_blank" href="http://www.wetcanvas.com/ArtSchool/Color/ColorTheory/">16 Lessons in Color Theory</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://poynterextra.org/cp/colorproject/color.html">Color, Contrast & Dimension</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://worqx.com/color/">Color Theory Overview</A>:</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://www.color-wheel-pro.com/color-theory-basics.html">See Color Theory in Action</A>: </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://meyerweb.com/eric/tools/color-blend/">Color Blender</A>:</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://colormixers.com/mixers/cmr/">Color Mixers</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://www.limov.com/colour/">Colour Selector</A>: </LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://whdb.com/2008/follow-the-rainbow-101-color-resources-for-web-designers/"><A href="http://www.csszengarden.com/">CSS Zengarden</A>:</blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/7268F357-6775-4350-A82F-A60345B44CC3/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>