17 Great Resources – Color Inspiration For Web Design

May
12

20 Comments - LEAVE A COMMENT

One of my favorite parts when creating a new design is the process of choosing a color scheme. There are times when the colors just fall into place after I have my main color, or when using a photo the colors just flow around it. But sometimes you need a little help.

Whether your looking for a color scheme to base your design on or you need a little help picking out complimentary colors the generators, articles, color wheels and more below will assist and inspire your color creativity.

Color Generators / Wheels

  1. colourlovers
    colourlovers is one of my favorite websites to visit. Not only do I use it for inspiration but I just LOVE to tool around with their super cool COPASO palette software generating my own quirky palettes and naming colors that I have “discoverd”. Besides being able to create your own colors and palettes you have the ability to search other people’s colors and palettes (and patterns!) by color, keyword, newest published, tags and randomly! There’s no going wrong here (did that come off too fangirl?)
  2. Adobe kuler
    Adobe’s kuler is another favorite, although I admit I neglect to use it often as I’m such a big fan of colourlovers. Like colourlovers, kuler offers you the ability using a sweet little program to create and name your very own color palettes (sorry, no claiming and naming individual colors here). Also, when viewing a color palette created by another use you can edit their palette creating your own derivative work. I like kuler, but at times I find it depressingly slow, and a bit complicated.
  3. ColorJack
    colorjack doesn’t have the social aspects like colourlovers or kuhler but it does have options galore. View the color wheel and color selections by formula (analogous, triadic, six-tone, etc), vision (different forms of color vision), spectrum (full spectrum, web safe and web smart), and model (RGB or RYB). You will get a palette of six colors which you can modify by moving around the color wheel as it auto-generates the matching colors based on the previous mentioned options. Many option on exporting your palette including Illustrator and Photoshop. (Also, check out Color Galaxy, predefined color selections, with names from popular color manufactures including Crayola!).
  4. Color’s On the Web - Color Wizard
    Colors on the Web – Color Wizard A sharp color wheel that allows you to choose a color on the wheel, or type in a hex value for the color, which then generates a palette (you can choose from six different types of palettes) for you of three to six colors based on your original entry. You can also modify your original color input by choosing the provided ajustments to the hue, saturation or tint and shade. Also, another cool feature is the “randomize” button which will pop up random color schemes for you.

Colors From Photos

  1. Bige Huge Labs Palette Generator
    BIG HUGE LABS – Palette Generator allows you several options of generating your palette from a photo – upload a photo, select from your recent uploads, link your flickr account and choose a photo, link from photobucket or a url from the web. Pretty standard – takes a good sampling of the colors in the photo and provides you a “harmonious color palette”. Also provides a adobe swatch (.ASE) and a textarea with the css for the colors (names included with comments).
  2. Color Hunter
    Colorhunter is another great service that allows you to upload your photos, and it generates a five color palette based on the photo provided. One different and cool thing about Color Hunter is that is allows you to click (or enter a hex #) for a color to search for it, and provides you a list of all the palettes (and corresponding photos) that contain that color. Curious as to where those images come from that append each palette? Here’s an explanation from Color Hunter’s about page: “When you search for color palettes by tag, ColorHunter.com searches Flickr.com via Flickr’s API for images labeled with the tag you entered. The thumbnails of the Flickr images are used to create a color palette. ColorHunter.com uses the Flickr API but is not endorsed or certified by Flickr.”

Articles on Color Theory

  1. Color Matters – Color Theory is a short, but informational article that breifly describes the basics of color theory and defines the main terms of color theory.
  2. Color Theory on Wikipedia – Extensive information on color theory from the history, to the basics including a nice list of references and resources at bottom of article.

Color Psychology & Symbolism

  1. Color Psychology
  2. Color Meanings

Articles On Using Color In Design

  1. Understanding Color In Design
  2. Choosing Color Combinations
  3. Finding Inspiration For A Color Scheme

Premade Color Scheme Inspirations

Because, sometimes you just need a jumpstart to find your perfect color scheme!

  1. Daily Color Scheme is now defunct, but of the 20ish color schemes provided there is a lot of great inspiration to be found.
  2. Color Blender – kinda like the palette generators mentioned above, but I don’t find their color matching, or generator to be as useful. Best part is browsing through palettes already created by other color blender users.

HTML Hex Codes

  1. “Hex Hub” – extensive, extensive list of HTML hex codes sorted by related colors.
  2. Ultimate Color Hex Code List – much like it says – a pretty exhaustive list of HTML hexidecimal codes.

Jump to Comments

20 Responses to 17 Great Resources – Color Inspiration For Web Design

  1. Thanks for the link! Lots of good color resources. I don’t think I could function without Adobe Kuler, it is an impossibly handy tool.

  2. Lindsey says:

    No problem! Your articles are awesome and will help many designers when working with color. I use kuhler often, but not more than colourlovers. Man, I’m such a colourlovers fangirl it’s sad.

  3. [...] Color Inspiration List [...]

  4. [...] articles, color wheels and more this list will assist and inspire your color creativity. Color Inspiration… Geoserv __________________ Ask or Answer a Question: FAQ Pal – Brand NEW! Submit your website [...]

  5. 17 Great Resources – Color Inspiration For Web Design…

    Whether your looking for a color scheme to base your design on or you need a little help picking out complimentary colors the generators, articles, color wheels and more this list will assist and inspire your color creativity….

  6. Geoserv says:

    STUMBLED!

    Thanks for sharing, good list.

  7. [...] important aspect in web design (combined with the right color combinations and Photoshop essentials and brushes) is getting just the right typography for your design. There [...]

  8. bbrian017 says:

    This is an awesome list! Thought you could use a comment instead of another trackback!

    Just know I appreciate these lists and the fact that you too your time to give us this information!
    Thanks for sharing and thanks for the trackback!

    bbrian017

  9. Asim Izhar says:

    Good Resource to by use.

  10. [...] important aspect in web design (combined with the right color combinations and Photoshop essentials and brushes) is getting just the right typography for your design. There [...]

  11. good article. Have a good week!

  12. Thanks for the link! Lots of good color resources.

  13. paisajismo says:

    Awsome! Thanks for sharing, good list.

  14. Whether your looking for a color scheme to base your design on or you need a little help picking out complimentary colors the generators, articles, color wheels and more this list will assist and inspire your color creativity….

  15. important aspect in web design (combined with the right color combinations and Photoshop essentials and brushes) is getting just the right typography for your design. There

  16. Looking for creativy one of the best places i have found, is without a doubt ColourLovers.com, the first time i discover it, was something totally unexpected, all the people sharing their imagination through design and color, i just love it!

    And tx, for the other links!

  17. Sesja says:

    Very good article, nice examples but …. I still dont know which color would be the best for me :( It’s hard to imagine result of webpage with some colors in squars.

  18. [...] I love orange, and according to color theorists “orange represents enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement, and stimulation.” Orange is a bright, happy vibrant color that stimulates your appetite – hence why you see it on a lot of food packaging. For more information on color theory or where to find color inspiration check out the article 17 Great Resources – Color Inspiration For Web Design. [...]

  19. Boon says:

    Thank you a lot for this great article. really usefull for many people and i’d like to share it into my blog with your resource link.

  20. I needed to create you one little bit of remark to be able to give many thanks the moment again with the unique concepts you’ve contributed on this page. This has been quite incredibly generous of you to provide without restraint precisely what many of us could possibly have supplied for an electronic book in making some profit for their own end, precisely given that you might have tried it in case you wanted. Those things in addition served to be a fantastic way to be sure that other people have the same keenness just as mine to know very much more related to this condition. I know there are many more fun periods ahead for those who discover your blog post.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>