Find the Perfect Colors for Your Website
Published July 4th, 2007 in DesignColor choice is a crucial decision in every website design. Sometimes you may be designing a site for an existing business that already has an established color scheme, but many design projects will require development of a color scheme. Fortunately, there are almost endless resources online to help you find that perfect color combination. We have gathered the resources that we feel are the most useful and categorized them below.
ARTICLES
The Psychology and Meaning of Colors:
- Color Psychology in Online Marketing
- Color Theory from Wikipedia
- Color Theory
- Color Meanings
- The Meaning of Colours
- Why Color Matters
- See Color Theory In Action
Choosing Colors:
- Choosing the Right Colors for Your Website
- Choosing Appropriate Colors for Your Website
- Choosing Colors for Your Website
- Choosing Colors for Your Design
- Website Design: Choosing the Right Colors for Your Website
- Choosing Colors for Your Website
- Learning to Use Color On Your Website
- Choosing Color Combinations
- Find Out What Colors Will Cause Your Visitors to Hate You
Reference:
TOOLS
There are an almost endless number of tools online that will help you to find the right color scheme. These tools come in many different varieties. Below we have listed the tools that we have found to be the most useful.
Sample Color Shemes/Combinations:
- Color Schemer Scheme Gallery (Editor’s Choice) Browse through sample color schemes that have been submitted by users.
- COLOURlovers – sample color combinations
- Kuler from Adobe
- Daily Color Scheme
- Colr.org
- Color Combos
- Top Color Combinations in Web Design
- Color Schemes
- ColorBurn Winners
Tools to Help You Develop a Color Scheme:
- Website Color Picker (Editor’s Choice) A simple tool that lets you quickly choose background color, text color and link color for a sample page
- Color Schemer Online
- ColorJack Sphere
- EasyRGB – Color harmonies, complements, and themes
- ColorBlender
- Steel Dolphin Color Scheme Tool
- Color Hunter
- Color Mix
- Color Scheme Generator
- Color Palette
- Color Mixers
- Test Color Combinations
- Color Wheel Color Calculator
- Palette Man
- HTML Color Picking Chart
- Color Picker 1.0
- Color Picker 3.1
Tools to Get Colors from an Image:
- DeGraeve.com Color Palette Generator (Editor’s Choice)
- Color Palette Generator
- What’s Its Color
- Palette Generator
Other Tools:
- I Like Your Colors (Editor’s Choice) If you like the color’s of a particular website, enter the URL and you will get the html numbers for the colors that are used on that page.
- Color Blender
- Web-Smart Palette
- 100 Random Colors
- Multiple Color Tools from Limov.com
- Find the Average Color of a Photograph
If you liked this post, check out these other posts of interest:
174 Responses to “Find the Perfect Colors for Your Website”
Excellent resource. Thank you!
Hi,
It’s an excellent article. You have mentioned that white is considered an unlucky colour in India, that’s not true. It’s considered as a colour of peace and purity. You will see this colour being very widely used in the websites of India.
Thanks
Very good links, it will help a lot with the next template design.
Thanks a million.
thanks for the tips!!!
Edward,
Thanks for reading. I’m glad you’ll be able to use some of these resources in your work.
Devnic,
I clicked through to your site and joined DevelopersNiche. Thanks for visiting.
Suman,
I think what you’re referencing was in one of the articles that I linked to. I have no idea about colors and Indian cultural, but thanks for your feedback.
Thanks for stopping by. My users are liking the new resource I am creating at developersniche.com. My main website is http://www.joomlaprodigy.com with a nice userbase of around 16000 members and most of them are members at developersniche also. Hope to see more of your excellent work listed on developersniche in future. Keep going…
Hello again,
upon closer examination of your article, I did find out that it was indeed original content, I think not even based on my one.
I kindly apologize for any mistakes done.
Nice set of links. You might want to consider adding:
http://www.calcresult.com/computing/web/hex_colour_maths.html
which allows you to calculate the correct colour values to use to get a smooth gradient in your HTML or CSS
http://www.designlinkdatabase.net/colordatas/search.aspx
this website has color search.
Thank you
Very handy indeed
Mike and Kappe,
Thanks for the resources.
Jermayn,
Thanks for your feedback.
wow..nice blog indeed.awesome links..here also find some more links for web services.
http://www.colorpixels.net
Itsall that i need for now. Thanx Buddy…
Good Article. It helped me quite a bit. I also find that Kuler, by Adobe, is a very good colour scheme tool.
Nathan,
Thanks for reading. I’m glad it helped.
Perfect timing to find this post. I am working on a couple of sites and this list is golden.
Cameron,
I’m glad you found some things you can use.
Whenever I find perfect colors, I pick them right off the screen and into my SwatchBook so I never loose them. Maybe you could add it to your list. http://www.pagepainter.com/swatchBookInAction.htm
Hi,
I’ve just written an article on “How To Find The Perfect Colors To Design Beautifully & Communicate Effectively”.
I’d really appreciate it if you would include it in your list of resource.
Here’s the url:
http://www.pagethinker.com/how-to-find-the-perfect-colors-for-your-design-to-communicate-effectively.html
Sherman
It’s a great help! Thank you very much!
I have made an interesting color pallete following the fashion color trends for the year 2008 – have a look
thanks
şt can takes days to dicede correct colors for your site. sometimes i can’t decide what colors to use and gets crayz.
great tips, love it very useful information.
Main to not do a site dark, I so consider
http://all-decadron.info/index.html decadron
Ideal Colors Palate is the basic ingridiants of your website presence.
hi,
this site in use color and design good
what wonderful resources and links. thanks for this
Dear All,
Sub:- Please help me out on Wiki Web Design
I have puzzled with the task of Wiki Web Design & Development Strategies, and very much eager to know these questions:
1 Whether should we prepare for the final presentation of our Wiki Web Design work?
2 Will is it exact task of web programming? Or the content of the website can be something we fetch?
Thanks
Best wishes!
I won’t go so deep with the definition of Wiki but if you are not familiar with it, they are websites that anyone can freely edit and optimize to grow through collaboration; This Wiki software is developed by Ward Cunningham to exchange ideas between computer programmers. Wiki Web Design is an incredibly fun skill to learn – combining the latest technology with the creativity of Wiki web design. Wiki merely supports hyperlinks & has simple text syntax for creating new pages and cross links between any numbers of pages on the fly.
Thanks & Regards
Dexterous SEO India
Very good resource. I know about a lot of those.
If you want to search for even more, then you can try searching for custom/personal wikis.
Nice articles, trying to get the best color for my blog
Confuse to pick a color
Nice collection – here are some more excellent colour resources:
Applying Color Theory to Digital Displays
http://www.uxmatters.com/MT/archives/000163.php
Color Theory for Digital Displays: A Quick Reference: Part I
http://www.uxmatters.com/MT/archives/000069.php
Ensuring Accessibility for People With Color-Deficient Vision
http://www.uxmatters.com/MT/archives/000164.php
Nice info, I hope you can visit my blog, see the colour and tell me about it. Thank you
thank you!
thanks.
Thank you very much It is enough knowledge
This is a first attempt at a website. I have to learn how to get into it and change it. Is there anything in it that puts you off, (apart from how some of it is worded)? I am hoping to put in a video clip, but am hopelessly ignorant about websites and all that has to do with them. I am hoping to get someone to teach me.
Picking the right colors is so important and should not be taken lightly in web design. I am having my first boy after two girls and I am experiencing in life what I already knew on the web. People’s emotions are strongly tied to color pallets.
A great List of Tools!
Thank you for the help. I have recently written another article, or better, I have updated an old article in th attempt to emphasize the influence that colors have on site visitors:
http://www.avangate.com/articles/color-web-site_59.htm
Color solution truly are the basis of attractive web pages! Learned a lot smarter thanks!
Being a web design company ourselves, really appreciate the great work dedicated to the community. Educating our entire team on all the resources. Great resources list. Thank you so much for it.
Im a Color Lover. These resourses helps me to boost my skills on color themes. Thanks a lot.
http://www.ootytour.com
Im a Color Lover. These resourses helps me to boost my skills on color themes. Thanks a lot.
Sohbet http://www.adamca.net
thank you for the link..
this article is what i’ve been looking for..
sometimes we think we chose the right color for our blog, but only in couple days we realize that the chosen color is not suit with the content or the soul of the blog. It’s really helpful..
Nice color resources. Thanks for this great links really useful for me to improve the color knowledge.
os colores de las páginas web. Por cierto, a los interesados en el tema os recomiendo empezar por leerse los enlaces de este artículo
thanks for share this tip’s
Nice color resources. thanks for the list..
alameda homes
absolutely agree with the authour, in fact, science is organized knowledge and wisdom is organized life
nokiawad9981
What a great resource. this will come in handy.
Thanks for job! Excellent site
Surprised not to see 45colors.com on the list
really i need this post…
i will bookmark it…
thank for share…
Good post.
Web site color combinations decides your returning visitors !
A great deal of your theme’s success will depend on the color choices you make.
I think every web designer should study Color Psychology. It brings a new perspective on how to design. I have been lately and I’m hoping I can draw in visitors by psychology.
Some articles really helpful, but more like tools for working with color. Thank you!
Just seen this after deliberating colours for my blog. Thanks for all the resources – I hadn’t realised there was so much psychology behind it all.
Thanks to this post! Really interesting and helpful as well. Keep posting!
A longtime enthusiast for this blog, I like the fresh design and love your decision to put reader comments back on the blog…truly good websites HAVE to be interactive!
Thanks for the links on color! Here is a review of colors and their meanings and the importance of using the right color in a design: http://ljdesignstudio.com/the-meaning-of-color-in-design
could have used this list while redesigning my previous blog.
Very deep information that will help me improve my designer skills.I like how you explain the psychology behind choosing colors and setting mood. It’s rare to find something like this for free online, usually they want your credit card number. Thanks again for letting us have it!
Trackbacks