Find the Perfect Colors for Your Website
July 4th, 2007Color 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
July 4th, 2007 at 3:22 pm
Excellent resource. Thank you!
July 5th, 2007 at 8:10 am
[…] Hilfreiche Links rund um Farben, Farben und Farben: Find the Perfect Colors for Your Website Tags: Farbe « Play the Web […]
July 5th, 2007 at 10:11 am
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
July 5th, 2007 at 10:54 am
Very good links, it will help a lot with the next template design.
Thanks a million.
July 5th, 2007 at 11:23 am
[…] Find the Perfect Colors for Your Website < < Vandelay Website Design Comment choisir la couleur de son site. Série de liens. (tags: couleur howto) […]
July 5th, 2007 at 11:24 am
[…] Find the perfect colour for your website. Here’s a whole list of colour resources and the psychology behind colour choices. […]
July 5th, 2007 at 2:17 pm
[…] Vandelay Website DesignAnother great collection of links to find the perfect colors for your website or blog. […]
July 5th, 2007 at 3:33 pm
[…] Masaüstü Yayıncılık sektöründe, renk yönetimi çok önemli. Yaptığınız en ufak yanlışlık, başınıza çok iÅŸ açabilir. Web de böyle bir sorununuz yok ama yine de uyumlu renk seçimi çok önemli. Burada, renk yönetimi hakkında bir çok link bir araya toplanmış. […]
July 5th, 2007 at 4:23 pm
[…] Color selection guide Guide to picking the best colors for your website, lots of resources (tags: design resources colour) […]
July 5th, 2007 at 11:23 pm
[…] Find the Perfect Colors for Your Website […]
July 6th, 2007 at 6:48 am
[…] Ayudas para encontrar los colores para tu web En BLOGPOCKET tenemos el siguiente enlace a Find the Perfect Colors for Your Website, donde tenemos un amplio listado (a los mejores artÃculos y herramientas) que nos será de gran ayuda para elegir la gama de colores adecuada para el diseño de un sitio web, ya que es un asunto algo complicado. […]
July 6th, 2007 at 1:32 pm
thanks for the tips!!!
July 6th, 2007 at 8:20 pm
[…] Vandelay WebSite Design‘ı buldum. […]
July 6th, 2007 at 9:09 pm
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.
July 7th, 2007 at 7:31 am
[…] Find the Perfect Colors for Your Website a list of links to other sites about color (tags: Color) […]
July 7th, 2007 at 1:12 pm
[…] Find the Perfect Colors for Your Website (tags: design css web) […]
July 7th, 2007 at 1:30 pm
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…
July 7th, 2007 at 2:52 pm
[…] Find the Perfect Colors for Your Website < < Vandelay Website Design Lots of resources (color theory, generators, palettes) (tags: color theory colors design webdesign resources css themes) […]
July 8th, 2007 at 9:17 am
[…] Jul 08 Cómo encontrar los colores perfectos para un sitio web Hecho por Leonardo BraccoDeja tu respuestaBlogs, Internet, Noticias, Herramientas Find thePerfect Colors for Your Website: elegir la gama de colores adecuada para el diseño de un sitio web es un asunto complicado. En este post podrán encontrar una amplia lista de enlaces con los mejores artÃculos y herramientas. […]
July 8th, 2007 at 9:23 am
[…] http://www.vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-wee Find the Perfect Colors for Your Website: elegir la gama de colores adecuada para el diseño de un sitio web es un asunto complicado. En este post podrán encontrar una amplia lista de enlaces con los mejores artÃculos y herramientas.etiquetas: wed, diseño, colores, perfectos sin comentariosen: tecnologÃa, diseño negativos: 0 karma: 6 […]
July 8th, 2007 at 5:57 pm
[…] Find the Perfect Colors for Your Website (tags: blog color webdesign tools graphics inspiration lang:en list css) […]
July 9th, 2007 at 10:55 am
[…] Find the Perfect Colors for Your Website << Vandelay Website Design: 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. […]
July 10th, 2007 at 5:22 am
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.
July 10th, 2007 at 8:06 am
[…] Find the Perfect Colors for Your Website […]
July 10th, 2007 at 9:33 am
[…] Ayudas para encontrar los colores para tu web En BLOGPOCKET nos muestra a Find the Perfect Colors for Your Website. Como elegir la gama de colores adecuada para el diseño de un sitio web es un asunto complicado. En este post podrán encontrar una amplia lista de enlaces con los mejores artÃculos y herramientas. […]
July 10th, 2007 at 10:02 am
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
July 10th, 2007 at 2:45 pm
[…] Find the Perfect Colors for Your Website (tags: colors webdesign design) […]
July 10th, 2007 at 7:52 pm
[…] Find the Perfect Colors for Your Website […]
July 10th, 2007 at 8:11 pm
http://www.designlinkdatabase.net/colordatas/search.aspx
this website has color search.
July 12th, 2007 at 11:20 am
[…] Find the Perfect Colors for Your Website […]
July 13th, 2007 at 8:12 pm
Thank you
Very handy indeed
July 19th, 2007 at 8:13 pm
Mike and Kappe,
Thanks for the resources.
Jermayn,
Thanks for your feedback.
July 22nd, 2007 at 9:27 am
[…] Perfect Colors for your website […]
July 23rd, 2007 at 12:13 am
[…] Find the Perfect Colors for Your Website […]
July 31st, 2007 at 3:04 am
wow..nice blog indeed.awesome links..here also find some more links for web services.
http://www.colorpixels.net
August 4th, 2007 at 5:21 pm
Itsall that i need for now. Thanx Buddy…
August 11th, 2007 at 9:02 pm
Good Article. It helped me quite a bit. I also find that Kuler, by Adobe, is a very good colour scheme tool.
August 11th, 2007 at 9:19 pm
Nathan,
Thanks for reading. I’m glad it helped.
August 12th, 2007 at 7:47 pm
[…] Find the Perfect Colors for Your Website. Completísima guía con mucha información sobre el color.80×15 Brilliant Button Maker. Hace mucho se pusieron de moda este tipo d ebotones, por si les interesa ahí esta el enlace. ~ […]
August 15th, 2007 at 11:48 pm
[…] […]
August 16th, 2007 at 6:02 pm
[…] The del.icio.us Tagometer will show readers how many people have bookmarked the particular page they are viewing. It’s a great way to remind visitors that other people are bookmarking the page. If no one has bookmarked the page yet, it will say “be the first to bookmark this page!â€? Here’s an example from our post Find the Perfect Colors for Your Website. […]
August 17th, 2007 at 3:05 am
[…] Renk Teorisi […]
August 20th, 2007 at 7:18 am
[…] Find the Perfect Colors for Your Website - This article contains a number of resources to help with choosing the right colors and understanding the psychology of colors. […]
August 21st, 2007 at 1:56 am
[…] Find the Perfect Colors for Your Website - Scegliere i colori per un sito web è un’arte […]
August 27th, 2007 at 10:28 pm
[…] Vandelay Website Design - Find the perfect colors for your website! - A list of sites that talk about the psychology of colors and how they effect your users experience. […]
September 3rd, 2007 at 10:19 am
Perfect timing to find this post. I am working on a couple of sites and this list is golden.
September 3rd, 2007 at 11:10 am
Cameron,
I’m glad you found some things you can use.
September 3rd, 2007 at 11:34 am
[…] Most visitors will only give your blog a matter of seconds on their first visit to determine if it’s worth their time. Making a great first impression is priceless. In order to stand out you’ll need an attractive design that focuses the visitor’s attention on your strength, which is hopefully the blog content. (The colors of your blog have a huge impact on 1st impressions. For a list of articles and tools to help you find the right colors, see Find the Perfect Colors for Your Website.) […]
September 9th, 2007 at 8:18 am
[…] Link […]
September 10th, 2007 at 9:11 pm
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 11th, 2007 at 6:06 pm
[…] Find the Perfect Colors for Your Website – 103 visitors. […]
September 11th, 2007 at 6:26 pm
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 11th, 2007 at 6:56 pm
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 11th, 2007 at 9:57 pm
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 12th, 2007 at 1:17 am
[…] Para ver herramientas relacionadas con el color puedes ver Find the Perfect Colors for Your Website. […]
September 13th, 2007 at 7:20 pm
[…] If you’re interested in changing the colors of your theme, you’ll find some great resources in Find the Perfect Colors for Your Website. […]
September 15th, 2007 at 8:58 am
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 15th, 2007 at 11:36 am
[…] é…?色最痛苦了。（= =）更多é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 15th, 2007 at 6:05 pm
[…] é…?色最痛苦了。（= =）更多é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 15th, 2007 at 7:50 pm
[…] 更多é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 16th, 2007 at 6:46 pm
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
September 17th, 2007 at 8:05 am
[…] é…?色最痛苦了。（= =）更多é…?色工具请å?‚考： ä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 18th, 2007 at 5:13 am
[…] Find the Perfect Colors for Your Website < < Vandelay Website Design […]
September 19th, 2007 at 3:53 am
[…] é…?色最痛苦了。（= =）更多é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 19th, 2007 at 10:00 pm
[…] é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
September 20th, 2007 at 1:23 am
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
September 22nd, 2007 at 2:11 pm
[…] Find the Perfect Colors for Your Website. Como elegir la gama de colores adecuada para el diseño de un sitio web es un asunto complicado. En este post podrán encontrar una amplia lista de enlaces con los mejores artÃculos y herramientas. […]
September 24th, 2007 at 6:35 am
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
September 25th, 2007 at 4:56 am
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
October 5th, 2007 at 12:03 am
[…] Find the Perfect Colors for Your Website - This article contains a number of resources to help with choosing the right colors and understanding the psychology of colors. […]
October 9th, 2007 at 1:19 pm
[…] 1) Sayesinde siteniz için en harika rengi bulabileceÄŸiniz iddiasında olan bir derleme sitesi. Buradan buyrun […]
October 14th, 2007 at 9:47 am
[…] é…?色最痛苦了。（= =）更多é…?色工具请å?‚è€ƒï¼šä¸ºä½ çš„ç½‘é¡µç»„å?ˆå‡ºä¸€ä¸ªå®Œç¾Žçš„é…?色方案 […]
October 25th, 2007 at 6:41 pm
[…] Find the Perfect Colors for Your Website was the 3rd most frequently visited page from August 1 to today (7,797 page views), even though it was published months ago. […]
October 27th, 2007 at 2:28 pm
[…] The best designs effectively use color to improve the appearance. This can be done any number of ways, and sometimes it’s even a subtle aspect of design. The color combinations don’t have to jump out at readers, in fact, they actually need to make it easy for visitors to read the blog posts. If you’re looking for a good color combination, be sure to check out the resources listed in Find the Perfect Colors for Your Website. […]
October 27th, 2007 at 2:42 pm
[…] July I had two posts that became popular on Dzone (83 Webmaster Resources and Find the Perfect Colors for your Website) that also immediately began to rack up a lot of bookmarks, and wound up on the front page of […]
October 28th, 2007 at 2:48 pm
[…] Top Webmaster Tools (actually posted in May, but had the most pageviews of any post in July) Find the Perfect Colors for Your Website Customize Your Own WordPress Theme Developing User-Focused […]
October 29th, 2007 at 9:40 pm
[…] - Fonts 2 - Colors 3 - Layout 4 - Location of […]
November 12th, 2007 at 9:22 pm
[…] ????????= =???????????????????????????? […]
November 15th, 2007 at 11:59 am
[…] ???????? ?????? ?? ??????????: Find the Perfect Colors for Your Website. […]
November 28th, 2007 at 3:11 pm
[…] 3. Colors – The look of your site will obviously be a factor in your visitors’ first impressions. The colors of your website can have a huge impact on the overall attractiveness of the site. Choosing the right color combinations can be difficult, but fortunately there are a number of online tools that can help. For a list of resources and links to some articles on the psychology of colors, see Find the Perfect Colors for Your Website. […]
November 29th, 2007 at 2:24 pm
[…] Find the Perfect Colors for Your Website << Vandelay Website Design (tags: design psychology webdesign colors website css) […]
December 5th, 2007 at 1:02 pm
[…] 3. Colors – The look of your site will obviously be a factor in your visitors’ first impressions. The colors of your website can have a huge impact on the overall attractiveness of the site. Choosing the right color combinations can be difficult, but fortunately there are a number of online tools that can help. For a list of resources and links to some articles on the psychology of colors, see Find the Perfect Colors for Your Website. […]
December 16th, 2007 at 2:29 am
It’s a great help! Thank you very much!
December 21st, 2007 at 12:39 am
[…] deciding on the right colors. […]
December 21st, 2007 at 7:37 am
[…] deciding on the right colors. […]
January 22nd, 2008 at 5:10 pm
[…] Vandelay […]
January 22nd, 2008 at 6:36 pm
[…] you will want to keep the website at least looking familiar to repeat visitors. Using a similar color scheme is one of the best ways to accomplish this. A lot of times it can be a good idea to make some minor […]
January 23rd, 2008 at 1:27 pm
[…] El aspecto de tu site obviamente es un factor importante en la primera impresión de tus visitantes, el color en especial tiene un gran impacto en el atractivo general del site. Escoger la combinación de colores adecuada, puede ser difícil pero afortunadamente tienes múltiples herramientas que te pueden ayudar. (Recursos, links y algunos artículos sobre la filosofía del color.). […]
January 29th, 2008 at 6:18 am
I have made an interesting color pallete following the fashion color trends for the year 2008 - have a look
thanks
February 4th, 2008 at 4:34 am
[…] для постоянных посетителей и использование похожей цветовой схемы1 один из лучших способов этого достигнуть. Чтобы […]
February 4th, 2008 at 6:05 pm
[…] designing a website, one of the most common challenges is to develop an effective color scheme. The 25 sites that are showcased here have, in my opinion, done a great job of incorporating color […]
February 5th, 2008 at 2:18 am
[…] you will want to keep the website at least looking familiar to repeat visitors. Using a similar color scheme is one of the best ways to accomplish this. A lot of times it can be a good idea to make some minor […]
February 5th, 2008 at 10:42 am
[…] designing a website, one of the most common challenges is to develop an effective color scheme. The 25 sites that are showcased here have, in my opinion, done a great job of incorporating color […]
February 8th, 2008 at 11:54 am
[…] 配色最痛苦了。（= =）更多配色工具请参考：为你的网页组合出一个完美的配色方案 […]
February 21st, 2008 at 5:50 am
[…] для постоянных посетителей и использование похожей цветовой схемы1 один из лучших способов этого достигнуть. Чтобы […]
February 27th, 2008 at 4:54 am
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
March 2nd, 2008 at 5:20 pm
[…] Is the color scheme […]
March 9th, 2008 at 12:35 am
şt can takes days to dicede correct colors for your site. sometimes i can’t decide what colors to use and gets crayz.
March 15th, 2008 at 11:43 am
great tips, love it very useful information.
March 18th, 2008 at 8:32 pm
[…] 3. Colors – The look of your site will obviously be a factor in your visitors’ first impressions. The colors of your website can have a huge impact on the overall attractiveness of the site. Choosing the right color combinations can be difficult, but fortunately there are a number of online tools that can help. For a list of resources and links to some articles on the psychology of colors, see Find the Perfect Colors for Your Website. […]
March 20th, 2008 at 3:04 am
[…] Find the Perfect Colors for Your Website […]
March 24th, 2008 at 4:50 am
[…] designing a website, one of the most common challenges is to develop an effective color scheme. The 25 sites that are showcased here have, in my opinion, done a great job of incorporating color […]
March 25th, 2008 at 8:39 am
Main to not do a site dark, I so consider
April 3rd, 2008 at 2:30 am
[…] For more color-related tools, see Find the Perfect Colors for Your Website. […]
April 5th, 2008 at 8:50 am
http://all-decadron.info/index.html decadron
April 9th, 2008 at 6:35 am
Ideal Colors Palate is the basic ingridiants of your website presence.
April 9th, 2008 at 6:55 am
hi,
this site in use color and design good
April 17th, 2008 at 11:00 am
what wonderful resources and links. thanks for this
April 19th, 2008 at 7:43 pm
[…] для постоянных посетителей и использование похожей цветовой схемы1 один из лучших способов этого достигнуть. Чтобы […]
April 24th, 2008 at 1:32 am
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!
April 26th, 2008 at 2:15 am
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
May 7th, 2008 at 3:06 pm
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.
May 8th, 2008 at 9:54 am
[…] постоянных посетителей и использование похожей цветовой схемы один из лучших способов этого достигнуть. Чтобы […]
May 9th, 2008 at 2:43 pm
Nice articles, trying to get the best color for my blog
May 9th, 2008 at 2:48 pm
Confuse to pick a color