Find the Perfect Colors for Your Website
Published in DesignIf you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit.
Color 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:



50 Responses
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…
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.
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
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.
Main to not do a site dark, I so consider
what wonderful resources and links. thanks for this
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
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.
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!
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..
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
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
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!
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.
Another great referense about color and web desing..
http://www.ueuh.com/internet/the-best-color-web-design/
color is so important, these are great tools. Thanks for sharing.
Good collection. I’d like to study all list but i’m afraid there will not be enouch time to do this. Nevetheless thanks a lot of for publishing. I bookmarked it.
color is the hardest this to design for. Thanks for the great tools.
One more addition to your list – colorpilgrim.com – it has some of the best color schemes on the web and they are differentiated by mood, industry, color etc.
Im a Color Lover. These resourses helps me to boost my skills on color themes. Thanks a lot.
I must add one more website which helps grealty to findout how the color patterns are used in reality http://uicart.com gives the option for showcasing our works as well as other developers to search with colors
Good Post! I also believe color has major impact on emotion. This is a cool color picker I found, great for selecting website color combinations.