ANNOUNCEMENT - Mogdesign joins i-KOS Digital - click to read why...

31 Color Resources Every Designer Should Know


Color is definitely one of the most important components of a website design. It can determine the success of every project you will ever work on. If your color combination is chosen badly, you can easily bury your website, no matter how good content it may have. On the other hand - website with poor content, but with great color scheme will easily attract more visitors then you would expect. In this post I will look at most useful, mostly online tools, that can help you to avoid the mistake that many people do and to chose colors for your projects wisely and with confidence.

Color scheme libraries

  • Colour Lovers -a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews - there also is a Colour Lovers Adobe AIR application
  • ColorCombos - The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen.
  • Genopal - For creating harmonious color schemes online, there also is a desktop application
  • Adobe Kuler - there also is a Kuler Adobe Air application

Color scheme generators

  • ColorSchemeDesigner - online application for creating color schemes, complete solution with web page preview
  • Color Schemer Studio - my choice for complete desktop solution, has also an online scheme gallery
  • ColorJack - intuitive, easy to use online tool with export options
  • ColorBlender - online tool for color matching and palette design with export options
  • ColorExplorer - create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process

Get color scheme from website & image

Color deficiency simulators

One of 15 people have some form of color blindness. This tools help you simulate the appearance of our site's colors for people with different color visions.

Color theory

  • Colors, contrast & dimension in news design - an interactive guide that explains color theory and shows how to use it in design through examples and excercises
  • Color in motion - an interactive experience of color communication and color symbolism
  • The meaning of colors - find out what colours and combinations of colours stimulate people to be interested in different things. See what colors mean across the countries.
  • Color theory - color can be a complicated thing, this guide is to aid you in your understanding of color, what it is and how it works

Color tools and browser plugins

  • Pixie - the color picker designed especially for web designers and graphic artists.
  • ColorZilla - Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox

Background patterns

Create, browse and download background patterns for your design

Bonus goodies

About the author

Jozef Toth's picture

CEO of - Drupal design and development firm. Designer, blogger, christian, husband, father...



33 comments so far

xea's picture

Thanks Jozef, excellent post!!!!!!!!

dlv's picture

great, a nice list to follow
thanks Jozef!

pixeldope's picture

great thanks for sharing

mn seo's picture

I new to this, thank you for explaining it in detail.

Felipe Schoberg's picture

Does your blog have a contact page? I'm having trouble locating it but, I'd like to shoot you an e-mail. I've got some creative ideas for your blog you might be interested in hearing. Either way, great blog and I look forward to seeing it grow over time.

outsourcing web development's picture

Colors are very important part of the web site.The color and font of the site make it more professional.

website design's picture

Don‘t afraid to say colour is one of the most important parts of website design. Different researches point over 80% of visual information one way or another is related to colour. Thank you for sharing 31 Colour Resources :)

moncler's picture

Don‘t afraid to say colour is one of the most important parts of website design.

Alexandro's picture nice tool to create color palette from any image's picture

Thanks for this amazing colours they are pretty cool :p

BenqiLois's picture

This can be a nice share regarding the colors. I'll save it to my own color your local library for the referral after i design something.

View this site for bear hunts, click here's picture

Besides pay care about the color that will be used inside designing a web, a designer must think about the location regarding widgets that will be used from the website for making it appear interesting rather than boring.

BerryDaez's picture

Selection connected with color in addition to composition regarding colors to get used are things that should be considered by the designer. I think, the composition with the right color can make a web site look interesting and excellent.

MariaRutherford's picture

In addition to pay attention to the color that will be used in designing a web, a designer must consider the location of widgets that will be used in the website to make it look interesting and not boring.

Clipping path 's picture

Your post is life saving one for novice designers like us!!
Take my regards and thanks..

best hotels in kampala's picture

Selection of color as well as composition of colors being used are things that must be considered by way of designer. Many people feel, the composition in the right color may make a web site look desirable and perfect.

long frocks's picture

This is fantastic, although there is nary a mention of heaving bosoms anywhere in this story! If bosoms aren't heaving, it's just not doing it for me.

calvinbrock735's picture

While researching housing tools, I hit upon this real estate website, OC Housing News. I hit upon a post, Will the deflating bond bubble cause housing to crash again?. This blog post is entertaining and insightful. The housing analysis and real estate news reporting on this website is excellent, the cartoons are hilarious, and the real estate educational materials are fantastic. I suggest visiting this Internet site to experience it.

sbobet links's picture

You and your team at home or your team in the workplace will be grateful for what our game is today! use naked url

calvinbrock735's picture

I came onto your blog while focusing just slightly submits. Nice strategy for next, I will be bookmarking at once seize your complete rises girlsdoporn

Site's picture

Really I loved your research about colors and I was happy to read about Download hike for pc or you can try out hands on temple run for pc windows 8 without any hazzle feel free

Site's picture

Really I loved your research about colors and I was happy to read about Download hike for pc or you can try out hands on temple run for pc windows 8 without any hazzle feel free

LoisCrel's picture

Selection of color and composition of colors to be used are things that need to be considered by a designer. In my opinion, the composition of the right color can make a website look attractive and perfect. denver flooring

Clash of Clans IOS Hack's picture

Legal Clinic for Juripop, this deployment is a way to increase accessibility to the justice system and to improve the knowledge of the general public with regard to the law. Clash of Clans IOS Hack

asadalikhatri's picture

Garcinia Cambogia is fruit species which natively belongs to Indonesia. This fruit is comes from a plant named Garcinia gummi-gutta and looks more like a pumpkin but much smaller in shape and size. It is mostly pale yellow or green in color.

raj's picture its just amazingbsnl free internet trick..i loved it

willliom's picture

It was a very good post indeed. I thoroughly enjoyed reading it in my lunch time. Will surely come and visit this blog more often. Thanks for sharing.
Clash of clans hack android

Sheamus's picture

I have got the superb information from these blogs finally. what does full coverage insurance do

asadalikhatri's picture

The Girlfriend Activation System (GFAS) by Christian H. gives you high definition access to a closed-door seminar (videos, audio, and written transcripts) which reveals a step-by-step system for meeting, attracting, and dating the woman you want and ultimately turning her into your loyal, committed way to get any woman you want

gaver til hende's picture

I did enjoyed reading it, I will be sure to bookmark your blog and definitely will come back from again..

minda's picture

we should always put in your mind that colour wheel is very important tools in designing and it should not be ignore reverse phone lookup online services

Clipping Path Service's picture

Thanks a lot for share & for explaining it in detail.

Neck Joint Service Clipping Path Service Image Masking Service